ul,
ol,
li {
	list-style: none;
   cursor: pointer;
}

.dropbtn {
   background: none;
   padding: 16px;
   font-size: 16px;
   border: none;
   cursor: pointer;
   
}

.dropdown {
   position: relative;
   display: inline-block;
   margin-right: 24px;
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #11171D80;
   overflow: auto;
   right: -13px;
}

.dropdown-content a {
   padding: 12px 16px 10px 16px;
   text-decoration: none;
   display: block;
}

.dropdown a:hover {background-color: #13cfff;}

.show {display: block;}

@media(max-width: 1000px) {
	.dropdown {
		display: none
	}
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/inter/Inter-Thin-c51873c62e.woff2") format("woff2"), url("fonts/inter/Inter-Thin-0f080c40c6.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("/static/fonts/inter/Inter-ExtraLigvvvht.woff2") format("woff2"), url("fonts/inter/Inter-ExtraLight-7d759358c1.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/inter/Inter-Light-4e2e86733e.woff2") format("woff2"), url("fonts/inter/Inter-Light-0f0118feb7.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/inter/Inter-Regular-8070997696.woff2") format("woff2"), url("fonts/inter/Inter-Regular-14d1275c67.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("fonts/inter/Inter-Medium-46d7404e4a.woff2") format("woff2"), url("fonts/inter/Inter-Medium-5ce3e4db96.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/inter/Inter-SemiBold-a553f44ac2.woff2") format("woff2"), url("fonts/inter/Inter-SemiBold-1d5bb5c64d.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/inter/Inter-Bold-1217aaefdb.woff2") format("woff2"), url("fonts/inter/Inter-Bold-45e58f4054.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("fonts/inter/Inter-ExtraBold-a0c781a9f8.woff2") format("woff2"), url("fonts/inter/Inter-ExtraBold-45ce9384f5.woff") format("woff")
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("fonts/inter/Inter-Black-e11ae7208e.woff2") format("woff2"), url("fonts/inter/Inter-Black-14a450a3d2.woff") format("woff")
}

@font-face {
	font-family: "Inter var";
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
	font-named-instance: "Regular";
	src: url("fonts/inter/Inter-roman-57fa490cec.var.woff2") format("woff2")
}

*,
*:before,
*:after {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

@supports(font-variation-settings: normal) {

	*,
	*:before,
	*:after {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
	}
}

@font-face {
	font-family: "Gotham";
	src: url("fonts/gotham/gotham-medium-ace13b8cfc.eot");
	src: url("fonts/gotham/gotham-medium-ace13b8cfc-1.eot") format("embedded-opentype"), url("fonts/gotham/gotham-medium-815a33c8f3.woff") format("woff"), url("fonts/gotham/gotham-medium-7bc67d0cbf.ttf") format("truetype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: "Gotham";
	src: url("fonts/gotham/gotham-bold-3f4d3fd72e.eot");
	src: url("fonts/gotham/gotham-bold-3f4d3fd72e-1.eot") format("embedded-opentype"), url("fonts/gotham/gotham-bold-04543a4e7f.woff") format("woff"), url("fonts/gotham/gotham-bold-0b963a480b.ttf") format("truetype");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "Gotham";
	src: url("fonts/gotham/gotham-light-2a84e71eff.eot");
	src: url("fonts/gotham/gotham-light-2a84e71eff-1.eot") format("embedded-opentype"), url("fonts/gotham/gotham-light-f0bf311652.woff") format("woff"), url("fonts/gotham/gotham-light-d879050665.ttf") format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: "Gotham Book";
	src: url("fonts/gotham/gotham-book-31f5b5f70e.eot");
	src: url("fonts/gotham/gotham-book-31f5b5f70e-1.eot") format("embedded-opentype"), url("fonts/gotham/gotham-book-eff4ba5f36.woff") format("woff"), url("fonts/gotham/gotham-book-6456132eac.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

input {
	outline: 0
}

.form-message {
	font-size: 13px;
	line-height: 20px;
	margin-top: 15px
}

.form-success {
	color: #acff35
}

.form-error {
	color: #ff0056
}

ul.form-message {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0
}

.form-header {
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	color: #fff;
	margin-bottom: 20px
}

.input-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

@media(max-width: 640px) {
	.input-row.input-row__mobile-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.input-row .input-wrapper+.input-wrapper {
	margin-left: 15px;
	margin-top: 0
}

.input-row .input-wrapper.input-wrapper__half {
	max-width: calc(50% - 8px)
}

.input-row .input-wrapper.input-wrapper__quarter {
	max-width: calc(25% - 8px)
}

@media(max-width: 640px) {
	.input-row .input-wrapper.input-wrapper__mobile-half {
		width: calc(50% - 8px);
		max-width: calc(50% - 8px)
	}

	.input-row .input-wrapper.input-wrapper__mobile-half:nth-child(3) {
		margin-left: 0
	}

	.input-row .input-wrapper.input-wrapper__mobile-half:nth-child(3),
	.input-row .input-wrapper.input-wrapper__mobile-half:nth-child(4) {
		margin-top: 15px
	}
}

@media(max-width: 640px) {
	.input-row .input-wrapper.input-wrapper__mobile-full {
		width: 100%;
		max-width: 100%;
		margin-left: 0
	}
}

.input-row+.input-row {
	margin-top: 15px
}

.input-wrapper {
	position: relative;
	width: 100%
}

.input-wrapper+.input-wrapper {
	margin-top: 15px
}

.input-wrapper+.input-wrapper__has-placeholder {
	margin-top: 12px
}

.input-wrapper .error-message {
	font-size: 13px;
	line-height: 20px;
	color: #ff0056;
	background: #1a2837;
	position: absolute;
	right: 2px;
	top: 2px;
	bottom: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4px 12px 4px 14px;
	border-radius: 5px;
	pointer-events: none;
	display: none
}

.input-wrapper.input-wrapper__has-placeholder {
	padding-top: 23px
}

.input-wrapper.input-wrapper__has-icon .text-input {
	padding-right: 40px
}

@media(max-width: 480px) {
	.input-wrapper+.input-wrapper {
		margin-top: 30px
	}

	.input-wrapper+.input-wrapper__has-placeholder {
		margin-top: 12px
	}
}

.input-placeholder {
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 0 14px;
	color: rgba(255, 255, 255, .5);
	position: absolute;
	top: 28px;
	left: 0;
	-webkit-transition-property: font-size, top, opacity;
	transition-property: font-size, top, opacity;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	pointer-events: none;
	opacity: 0
}

.input-placeholder sup {
	color: #fff;
	vertical-align: top;
	font-size: initial
}

.input-icon {
	width: 16px;
	height: 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 12px;
	bottom: 12px
}

.input-icon__info {
	background: #11171d;
	border-radius: 50%
}

.input-icon__info,
.input-icon__info * {
	cursor: pointer
}

.input-icon__info svg * {
	fill: rgba(255, 255, 255, .5)
}

.input-icon__info:hover {
	background: #13cfff
}

.input-icon__info:hover svg * {
	fill: #11171d
}

input:not(:placeholder-shown)+.input-placeholder,
[data-recurly]:not(.empty)+.input-placeholder,
.input-placeholder.input-placeholder__visible {
	font-size: 13px;
	line-height: 20px;
	top: 0;
	opacity: 1
}

.text-input {
	background: #1a2837;
	border: 1px solid rgba(0, 0, 0, 0);
	outline: 0;
	width: 100%;
	height: 40px;
	padding: 4px 14px;
	border-radius: 5px;
	color: #fff
}

.text-input,
.text-input::-webkit-input-placeholder {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500
}

.text-input,
.text-input::-moz-placeholder {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500
}

.text-input,
.text-input::-ms-input-placeholder {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500
}

.text-input,
.text-input::placeholder {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500
}

.text-input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5)
}

.text-input::-moz-placeholder {
	color: rgba(255, 255, 255, .5)
}

.text-input::-ms-input-placeholder {
	color: rgba(255, 255, 255, .5)
}

.text-input::placeholder {
	color: rgba(255, 255, 255, .5)
}

.text-input:focus,
.text-input.focused {
	background: #000;
	border-color: rgba(255, 255, 255, .1)
}

.text-input:hover {
	border-color: rgba(255, 255, 255, .1)
}

.text-input.error {
	border-color: #ff0056
}

.text-input:disabled {
	opacity: .4
}

.text-input.error:not(:focus)+.error-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.text-input.error:hover+.error-message {
	display: none
}

.text-input .recurly-hosted-field {
	height: 100%
}

@media(max-width: 480px) {
	.text-input {
		padding: 6px 14px;
		height: 36px
	}

	.text-input,
	.text-input::-webkit-input-placeholder {
		font-size: 16px;
		line-height: 24px
	}

	.text-input,
	.text-input::-moz-placeholder {
		font-size: 16px;
		line-height: 24px
	}

	.text-input,
	.text-input::-ms-input-placeholder {
		font-size: 16px;
		line-height: 24px
	}

	.text-input,
	.text-input::placeholder {
		font-size: 16px;
		line-height: 24px
	}
}

.text-input.small {
	padding: 3px 6px;
	height: 26px
}

.text-input.small,
.text-input.small::-webkit-input-placeholder {
	font-size: 13px;
	line-height: 20px
}

.text-input.small,
.text-input.small::-moz-placeholder {
	font-size: 13px;
	line-height: 20px
}

.text-input.small,
.text-input.small::-ms-input-placeholder {
	font-size: 13px;
	line-height: 20px
}

.text-input.small,
.text-input.small::placeholder {
	font-size: 13px;
	line-height: 20px
}

textarea.text-input {
	display: block;
	height: auto;
	cursor: text;
	resize: none
}

.checkbox {
	position: relative;
	max-width: 340px
}

.checkbox,
.checkbox * {
	cursor: pointer
}

.checkbox input {
	display: none
}

.checkbox input:checked+.label:before {
	background: #1a2837 url(images/icons/checkmark-33636dc6dc.svg) center no-repeat
}

.checkbox .label:before {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 4px;
	position: relative;
	margin-right: 9px;
	background: #1a2837;
	cursor: pointer
}

.checkbox .label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	color: rgba(255, 255, 255, .5)
}

.checkbox .label a {
	color: rgba(255, 255, 255, .8);
	-webkit-transition: color .15s;
	transition: color .15s
}

.checkbox .label a:hover {
	color: #fff
}

.submit-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.submit-button,
.submit-button * {
	cursor: pointer
}

.submit-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.submit-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.submit-button>*+* {
	margin-left: 9px
}

.submit-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.submit-button:hover:not(:disabled) {
	background-color: #13cfff
}

@media(max-width: 480px) {
	.submit-button {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px
	}
}

.submit-button__filled {
	background: #13cfff;
	color: #000
}

.submit-button__filled svg * {
	fill: #000
}

.submit-button__filled:hover:not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(19, 207, 255, .1);
	box-shadow: 0 0 15px rgba(19, 207, 255, .1)
}

.form-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px -10px -10px
}

.form-actions>* {
	margin: 10px
}

.game-result,
.game-result-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.game-result .col+.col,
.game-result-header .col+.col {
	margin-left: 25px
}

.game-result .thumbnail,
.game-result-header .thumbnail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 162px;
	flex: 0 0 162px;
	min-width: 0
}

.game-result .name,
.game-result-header .name {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	min-width: 0
}

.game-result .cheats,
.game-result .platforms,
.game-result .updated,
.game-result .status,
.game-result-header .cheats,
.game-result-header .platforms,
.game-result-header .updated,
.game-result-header .status {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0
}

.game-result .platforms,
.game-result-header .platforms {
	min-width: 90px
}

.game-result .status,
.game-result-header .status {
	min-width: 140px
}

.game-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	height: 75px;
	-webkit-transition: -webkit-box-shadow .15s;
	transition: -webkit-box-shadow .15s;
	transition: box-shadow .15s;
	transition: box-shadow .15s, -webkit-box-shadow .15s
}

.game-result .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: color .15s;
	transition: color .15s;
	height: 75px
}

.game-result .thumbnail {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	position: relative
}

.game-result .thumbnail:before {
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	left: 50%;
	top: 50%;
	margin-top: -13px;
	margin-left: -13px;
	background: url(images/loading-dd2c2e2fb6.webp) center/26px 26px;
	-webkit-animation: game-results-thumbnail 1s linear infinite;
	animation: game-results-thumbnail 1s linear infinite;
	opacity: .25
}

.game-result .thumbnail img {
	width: 162px;
	height: 75px;
	opacity: 0;
	-webkit-transition: opacity .15s;
	transition: opacity .15s
}

.game-result .name {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: rgba(255, 255, 255, .8)
}

.game-result .name div {
	max-height: 75px;
	overflow: hidden
}

.game-result .cheats {
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	color: rgba(255, 255, 255, .4)
}

.game-result .cheats .mobile {
	display: none
}

.game-result .platforms {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.game-result .platforms .platforms-wrapper {
	max-height: 60px;
	overflow: hidden
}

.game-result .platforms img {
	opacity: .5;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	margin-right: 9px;
	width: 14px;
	height: 14px
}

.game-result .platforms .platform {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5px 10px 5px 0
}

.game-result .status img {
	margin-right: 6px;
	width: 15px;
	height: 11px
}

.game-result .platforms,
.game-result .updated,
.game-result .status {
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	color: rgba(255, 255, 255, .5)
}

.game-result:hover {
	-webkit-box-shadow: 0 0 0 1.5px #1a2837;
	box-shadow: 0 0 0 1.5px #1a2837
}

.game-result:hover .name,
.game-result:hover .cheats,
.game-result:hover .platforms,
.game-result:hover .updated,
.game-result:hover .status {
	color: #fff
}

.game-result:hover .platforms img {
	opacity: 1
}

.game-result:hover .status i svg * {
	fill: .15s
}

.game-result+.game-result {
	margin-top: 10px
}

@media(max-width: 900px) {
	.game-result {
		position: relative;
		height: 232px;
		overflow: hidden;
		z-index: 0;
		padding-top: 133px;
		padding-bottom: 15px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.game-result .col {
		height: auto;
		position: relative;
		z-index: 1
	}

	.game-result .col+.col {
		margin-left: 20px !important
	}

	.game-result .thumbnail {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0
	}

	.game-result .thumbnail:before {
		display: none
	}

	.game-result .thumbnail:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(0deg, #000 0%, #000 40px, transparent 75%);
		cursor: pointer
	}

	.game-result .thumbnail img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center
	}

	.game-result .name {
		font-size: 16px;
		line-height: 24px;
		font-weight: 600;
		color: rgba(255, 255, 255, .8);
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
		height: 48px;
		margin-bottom: 9px;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.game-result .name div {
		max-height: 48px
	}

	.game-result .platforms {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 auto !important;
		flex: 0 0 auto !important;
		min-width: 0 !important;
		margin-right: -10px
	}

	.game-result .platforms .platform img {
		margin-right: 0
	}

	.game-result .platforms .platform span {
		display: none
	}

	.game-result .cheats {
		font-size: 13px;
		line-height: 20px;
		font-weight: 600;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 auto !important;
		flex: 0 0 auto !important;
		min-width: 0 !important;
		color: rgba(255, 255, 255, .5)
	}

	.game-result .cheats .desktop {
		display: none
	}

	.game-result .cheats .mobile {
		display: inline
	}

	.game-result .updated {
		font-size: 13px;
		line-height: 20px;
		font-weight: 600;
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
		color: rgba(255, 255, 255, .5)
	}

	.game-result.has-trainer .updated:before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		background: url("images/icons/clock-01786b45cb.svg") center no-repeat;
		opacity: .5;
		margin-right: 9px
	}

	.game-result .status {
		display: none
	}
}

html:not(.js-enabled) .game-result .thumbnail img[data-src] {
	display: none
}

html:not(.js-enabled) .game-result .thumbnail:before {
	-webkit-animation: none;
	animation: none
}

.game-result .thumbnail.loaded img,
html:not(.js-enabled) .game-result .thumbnail img {
	opacity: 1
}

.game-result .thumbnail.loaded:before,
html:not(.js-enabled) .game-result .thumbnail:before {
	display: none
}

@-webkit-keyframes game-results-thumbnail {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes game-results-thumbnail {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.header-badge {
	display: inline-block;
	border-radius: 5px;
	padding: 0 7.5px;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: .4px;
	line-height: 28px
}

.header-badge__pro {
	background: linear-gradient(225deg, #0BF2F6 0%, #9200FF 100%);
	color: #fff;
	text-transform: uppercase
}

.header-badge__diamond {
	background: #13cfff;
	color: #1a2837
}

.lightbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: visibility 0s .3s;
	transition: visibility 0s .3s;
	display: none;
	table-layout: fixed
}

.lightbox .lightbox-inner {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.lightbox.open {
	z-index: 999;
	display: table;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.lightbox.open .lightbox-inner {
	background: rgba(0, 0, 0, .5);
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px)
}

.lightbox.open .content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.lightbox .content {
	display: inline-block;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	position: relative;
	padding: 0;
	max-width: 100%;
	max-height: 100%;
	border: 0;
	border-radius: 5px;
	z-index: 0;
	background: #000
}

.lightbox .content img {
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 40px);
	overflow: hidden;
	border-radius: 5px
}

.lightbox .content .video {
	width: 600px;
	height: 0;
	padding-top: 56.25%;
	max-width: calc(100vw - 40px);
	position: relative;
	border-radius: 5px;
	overflow: hidden
}

.lightbox .content .video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	border: none
}

.lightbox .content .close-button {
	position: absolute;
	right: -11px;
	top: -11px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: #fff url(images/icons/close-small-1b574d35bb.svg) center no-repeat;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	z-index: 1
}

.lightbox .content .close-button:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

body {
	margin: 0;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased
}

*,
*:before,
*:after {
	cursor: default;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
	text-decoration: none
}

a img {
	outline: none;
	border: 0
}

a,
img {
	-webkit-user-drag: none
}

a,
a *,
button,
button * {
	cursor: pointer;
	outline: none
}

input[type=text],
input[type=email],
input[type=password] {
	cursor: initial
}

html,
body {
	height: 100%
}

[v-cloak] {
	display: none
}

.tag {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .8);
	padding: 4px 10px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .1);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tag i {
	margin-right: 10px
}

.tag__subscribed {
	background: #000
}

.tag__cta {
	background: #1a2837;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	border: 0;
	outline: none
}

.tag__cta:hover {
	background: #000
}

.text-content-layout {
	max-width: 700px;
	margin: 0 auto;
	padding: 156px 20px 0 20px;
	min-height: 100vh
}

.text-content-title {
	font-size: 68px;
	line-height: 70px;
	margin: 0;
	font-weight: 500;
	color: #fff;
	margin-bottom: 39px;
	text-align: center
}

.text-content {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: rgba(255, 255, 255, .6)
}

.text-content h3 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	color: rgba(255, 255, 255, .7);
	margin: 0 0 13px 0
}

.text-content h2 {
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	color: #fff;
	margin: 0 0 20px 0
}

.text-content p {
	margin-bottom: 10px
}

.text-content a {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: #13cfff;
	text-decoration: none;
	-webkit-transition: color .15s;
	transition: color .15s
}

.text-content a:hover {
	color: #fff
}

@media(max-width: 500px) {
	.text-content-layout {
		padding-top: 100px
	}

	.text-content-title {
		font-size: 35px;
		line-height: 40px;
		margin: 0
	}
}

.tile {
	background: #000;
	border-radius: 20px;
	padding: 43px 50px;
	overflow: hidden;
}

.tile.purple {
	background: linear-gradient(to top, #6844ff 0%, #000 380px)
}

.tile.fade {
	background: -webkit-gradient(linear, left top, left bottom, from(#1a2837), to(#11171d));
	background: linear-gradient(180deg, #1a2837 0%, #11171d 100%)
}

.tile.fade-blue {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 207, 255, 0.55)), to(rgba(17, 23, 29, 0.55)));
	background: linear-gradient(180deg, rgba(19, 207, 255, 0.55) 0%, rgba(17, 23, 29, 0.55) 100%)
}

.tile.fade-blue h2 em,
.tile.fade-blue h3 em,
.tile.fade-blue .tile-title em {
	color: #13cfff
}

.tile.fade-blue h2 a,
.tile.fade-blue h3 a,
.tile.fade-blue .tile-title a {
	position: relative;
	z-index: 0;
	color: #fff;
	display: inline-block
}

.tile.fade-blue h2 a:before,
.tile.fade-blue h3 a:before,
.tile.fade-blue .tile-title a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 3px;
	background: rgba(19, 207, 255, .33);
	pointer-events: none;
	z-index: -1;
	-webkit-transition: height .15s, background-color .15s;
	transition: height .15s, background-color .15s
}

.tile.fade-blue h2 a:hover:not(:disabled):before,
.tile.fade-blue h3 a:hover:not(:disabled):before,
.tile.fade-blue .tile-title a:hover:not(:disabled):before {
	height: calc(100% - 2px);
	background: rgba(19, 207, 255, .5)
}

.tile.fade-green {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 207, 255, 0.5)), to(rgba(17, 23, 29, 0.5)));
	background: linear-gradient(180deg, rgba(19, 207, 255, 0.5) 0%, rgba(17, 23, 29, 0.5) 100%)
}

.tile.fade-green h2 em,
.tile.fade-green h3 em,
.tile.fade-green .tile-title em {
	color: #0bf2f6
}

.tile.fade-green h2 a,
.tile.fade-green h3 a,
.tile.fade-green .tile-title a {
	position: relative;
	z-index: 0;
	color: #fff;
	display: inline-block
}

.tile.fade-green h2 a:before,
.tile.fade-green h3 a:before,
.tile.fade-green .tile-title a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 3px;
	background: rgba(11, 242, 246, .33);
	pointer-events: none;
	z-index: -1;
	-webkit-transition: height .15s, background-color .15s;
	transition: height .15s, background-color .15s
}

.tile.fade-green h2 a:hover:not(:disabled):before,
.tile.fade-green h3 a:hover:not(:disabled):before,
.tile.fade-green .tile-title a:hover:not(:disabled):before {
	height: calc(100% - 2px);
	background: rgba(11, 242, 246, .5)
}

.tile.no-background {
	padding: 0;
	background: rgba(0, 0, 0, 0);
	border-radius: 0
}

.tile.no-bottom-padding {
	padding-bottom: 0
}

.tile h2,
.tile h3,
.tile .tile-title {
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	font-weight: 700;
	color: #fff;
	margin-bottom: 11px
}

.tile h2 em,
.tile h3 em,
.tile .tile-title em {
	font-style: normal
}

.tile h2.subdued,
.tile h3.subdued,
.tile .tile-title.subdued {
	color: rgba(255, 255, 255, .4)
}

.tile h2.with-icon,
.tile h3.with-icon,
.tile .tile-title.with-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tile h2.with-icon img,
.tile h3.with-icon img,
.tile .tile-title.with-icon img {
	margin-right: 9px;
	vertical-align: middle
}

.tile p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, .5)
}

.tile p a:not(.no-link-hover) {
	position: relative;
	z-index: 0;
	color: #fff;
	white-space: nowrap
}

.tile p a:not(.no-link-hover):before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 2px;
	background: rgba(19, 207, 255, .33);
	pointer-events: none;
	z-index: -1;
	-webkit-transition: height .15s, background-color .15s;
	transition: height .15s, background-color .15s
}

.tile p a:not(.no-link-hover):hover:not(:disabled):before {
	height: calc(100% - 1px);
	background: rgba(19, 207, 255, .5)
}

.tile p em {
	font-style: normal;
	color: #fff
}

@media(max-width: 900px) {
	.tile {
		padding: 27px 38px
	}

	.tile h2,
	.tile h3,
	.tile .tile-title {
		font-size: 24px;
		line-height: 34px
	}

	.tile p {
		font-size: 16px;
		line-height: 24px
	}
}

.tooltip {
	-webkit-box-shadow: 0 0 5px 0 rgba(11, 23, 42, .5);
	box-shadow: 0 0 5px 0 rgba(11, 23, 42, .5);
	padding: 6px 11px 2px 11px;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: 8px;
	z-index: 2;
	font-weight: 300;
	font-size: 16px;
	color: rgba(255, 255, 255, .6);
	line-height: 20px;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 0;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	background: #2f3949;
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, .05);
	white-space: nowrap
}

.tooltip.error {
	background: #ff0056;
	color: #fff
}

.tooltip.error:after,
.tooltip.error:before {
	background: #ff0056
}

.tooltip:after,
.tooltip:before {
	content: "";
	display: block;
	background: #2f3949;
	border-radius: 2px
}

.tooltip:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.tooltip:before {
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -2px;
	z-index: -2;
	border: 1px solid rgba(255, 255, 255, .05)
}

.clearfix:after,
.view-horizon section.horizon section.points:after,
.view-homepage .section-top .screenshots .bg:after,
.view-homepage .section-top .after-download .share-buttons:after,
.view-diamond section.upgrade section.lists:after,
.view-diamond section.upgrade section.app:after,
.view-diamond section.upgrade section.features .row:after,
.view-diamond section.upgrade section.features:after {
	content: "";
	display: block;
	clear: both
}

.ellipsis,
.view-horizon section.horizon .download-button,
.view-diamond section.upgrade .upgrade-button {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hide {
	display: none
}

.badge {
	line-height: 13px;
	padding: 2px 4px 0 4px;
	font-weight: 900;
	font-size: 12px;
	border-radius: 2px;
	text-transform: uppercase;
	vertical-align: middle
}

.view-wrapper {
	display: block;
	position: relative;
	padding-top: 140px;
	z-index: 0
}

@media(max-width: 900px) {
	.view-wrapper {
		padding-top: 90px
	}
}

.view-title {
	font-size: 68px;
	line-height: 70px;
	margin: 0;
	color: #fff;
	margin-bottom: 25px
}

@media(max-width: 900px) {
	.view-title {
		font-size: 35px;
		line-height: 40px;
		margin: 0
	}
}

.view-background-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 525px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
	z-index: -1;
	opacity: .3
}

.view-background-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#11171d));
	background: linear-gradient(180deg, transparent 0%, #11171d 100%)
}

.view-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px !important
}

.view-header .meta {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0
}

.view-header .breadcrumbs {
	margin-bottom: 9px
}

.view-header .breadcrumbs a {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .6)
}

.view-header .view-title {
	margin-bottom: 25px
}

.view-header .thumbnail {
	width: 162px;
	height: 76px;
	margin-left: 30px;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(255, 255, 255, .1)
}

.view-header .platforms {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .6);
	display: inline-block;
	margin: 0
}

.view-header .platforms img {
	width: 18px;
	height: 18px;
	opacity: .6;
	margin: -2px 0 2px 3px;
	vertical-align: middle
}

.view-header .platforms .platform {
	white-space: nowrap
}

.view-header .x-download-button {
	margin-top: 25px
}

@media(max-width: 900px) {
	.view-header {
		margin-bottom: 30px
	}

	.view-header .breadcrumbs,
	.view-header .thumbnail {
		display: none
	}

	.view-header .view-title {
		margin-bottom: 15px
	}

	.view-header .platforms {
		font-size: 20px;
		line-height: 34px
	}
}

.account-layout {
	width: 100%;
	padding: 143px 30px 139px 30px;
	max-width: 1270px;
	margin: 0 auto
}

.account-layout .account-nav {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
	max-width: 100%;
	overflow: auto
}

.account-layout .account-nav .account-tabs {
	background: #1a2837;
	padding: 5px;
	border-radius: 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.account-layout .account-nav .account-tabs a {
	font-size: 16px;
	line-height: 24px;
	padding: 4px 12px;
	color: rgba(255, 255, 255, .8);
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	border-radius: 5px
}

.account-layout .account-nav .account-tabs a:hover {
	background-color: #fff;
	color: #1a2837
}

.account-layout .account-nav .account-tabs a+* {
	margin-left: 15px
}

.account-layout .account-nav .account-tabs a.current {
	background-color: #fff;
	color: #1a2837
}

.account-layout .account-nav .account-nav-link {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .3);
	-webkit-transition: color .15s;
	transition: color .15s;
	margin-left: 22px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, .1)
}

.account-layout .account-nav .account-nav-link:hover {
	color: #fff
}

.account-layout .account-breadcrumb {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .6);
	margin: 0 0 9px
}

.account-layout .view-title {
	margin: 0 0 43px
}

.account-layout .account-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.account-layout .account-col {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	max-width: 50%
}

.account-layout .account-col+.account-col {
	margin-left: 40px
}

.account-layout .account-col .tile+.tile {
	margin-top: 40px
}

@media(max-width: 1000px) {
	.account-layout .account-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.account-layout .account-col {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		max-width: 100%
	}

	.account-layout .account-col+.account-col {
		margin-left: 0;
		margin-top: 20px
	}

	.account-layout .account-col .tile+.tile {
		margin-top: 20px
	}
}

@media(max-width: 480px) {
	.account-layout {
		padding-left: 22px;
		padding-right: 22px
	}

	.account-layout .account-breadcrumb {
		display: none
	}

	.account-layout .account-nav-link {
		display: none
	}

	.account-layout .view-title {
		margin-bottom: 30px
	}

	.account-layout .account-nav {
		margin-bottom: 30px
	}
}

.account-layout-container .diamond-pro {
	margin-bottom: 25px;
	padding: 20px 25px;
	background: #000;
	border-radius: 10px;
	overflow: hidden
}

.account-layout-container .diamond-pro span {
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
	color: #fff
}

.account-layout-container .diamond-pro span strong {
	color: #13cfff
}

.account-layout-container .diamond-pro span strong:first-child {
	color: #acff35
}

.billing-view .form-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.billing-view .form-header .header-badge {
	margin-right: 13px
}

.billing-view .plan-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.billing-view .plan-row .info {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .5);
}

.billing-view .plan-row .info b,
.billing-view .plan-row .info strong {
	font-weight: 500;
	color: rgba(255, 255, 255, .8)
}

.billing-view .plan-row .action {
	font-size: 13px;
	line-height: 20px;
	background: rgba(0, 0, 0, 0);
	padding: 0;
	border: 0;
	outline: none;
	color: rgba(255, 255, 255, .5);
	-webkit-transition: color .15s;
	transition: color .15s
}

.billing-view .plan-row .action:hover {
	color: #fff
}

.billing-view .plan-row .action__alert {
	color: #ff0056
}

.billing-view .plan-row .separator {
	height: 22px;
	border-left: 1px solid rgba(255, 255, 255, .1)
}

.billing-view .plan-row>*+* {
	margin-left: 18px
}

.billing-view .plan-row+* {
	margin-top: 25px
}

.billing-view .action-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.billing-view .action-button,
.billing-view .action-button * {
	cursor: pointer
}

.billing-view .action-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.billing-view .action-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.billing-view .action-button>*+* {
	margin-left: 9px
}

.billing-view .action-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.billing-view .action-button:hover:not(:disabled) {
	background-color: #13cfff
}

@media(max-width: 480px) {
	.billing-view .action-button {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px
	}
}

.billing-view .card-type {
	width: 34px;
	height: 21px;
	border-radius: 2px;
	background: #fff;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 11px
}

.billing-view .card-type.american-express {
	background-image: url(images/credit-cards/american-express-e46a7c21b2.svg)
}

.billing-view .card-type.diners {
	background-image: url(images/credit-cards/diners-f9448a7f8a.svg)
}

.billing-view .card-type.discover {
	background-image: url(images/credit-cards/discover-1bba6d6190.svg)
}

.billing-view .card-type.jcb {
	background-image: url(images/credit-cards/jcb-693da5aa89.svg)
}

.billing-view .card-type.mastercard {
	background-image: url(images/credit-cards/mastercard-ccdfa4e9d2.svg)
}

.billing-view .card-type.visa {
	background-image: url(images/credit-cards/visa-a2acc0e08f.svg)
}

@media(max-width: 640px) {
	.billing-view .plan-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -7px;
		margin-bottom: -7px;
		margin-left: -18px
	}

	.billing-view .plan-row>* {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-top: 7px;
		margin-bottom: 7px
	}

	.billing-view .plan-row>*:first-child {
		margin-left: 18px
	}

	.billing-view .plan-row .info {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}

	.billing-view .plan-row .separator {
		display: none
	}
}

.connections-view .form-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.connections-view .form-header img {
	width: 28px;
	margin-right: 14px
}

.connections-view .action-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.connections-view .action-button,
.connections-view .action-button * {
	cursor: pointer
}

.connections-view .action-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.connections-view .action-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.connections-view .action-button>*+* {
	margin-left: 9px
}

.connections-view .action-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.connections-view .action-button:hover:not(:disabled) {
	background-color: #13cfff
}

@media(max-width: 480px) {
	.connections-view .action-button {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px
	}
}

.connections-view .connection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.connections-view .connection>*+* {
	margin-left: 20px
}

.profile-view .profile-image-editor {
	position: relative;
	margin-bottom: 20px
}

.profile-view .profile-image-editor .profile-image {
	width: 80px;
	height: 80px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 100px;
	overflow: hidden;
	vertical-align: middle
}

.profile-view .profile-image-editor .delete-button {
	position: absolute;
	left: 60px;
	top: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: #000 url(images/icons/close-small-light-587a1f9485.svg) center no-repeat;
	z-index: 1
}

.profile-view .profile-image-editor .label {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .5);
	margin-left: 20px;
	-webkit-transition: color .15s;
	transition: color .15s
}

.profile-view .profile-image-editor .label,
.profile-view .profile-image-editor .label * {
	cursor: pointer
}

.profile-view .profile-image-editor .label:hover {
	color: #fff
}

.profile-view .profile-image-editor form {
	display: inline
}

.profile-view .profile-image-editor input {
	display: none
}

.profile-view .form-actions {
	margin-top: 25px
}

@media(max-width: 480px) {
	.profile-view .profile-image-editor .profile-image {
		width: 60px;
		height: 60px
	}

	.profile-view .profile-image-editor .delete-button {
		left: 40px
	}
}

.auth-view {
	margin-top: 100px;
	padding: 0 30px
}

.auth-view .auth-title {
	font-size: 68px;
	line-height: 70px;
	margin: 0;
	display: block;
	color: #fff;
	text-align: center;
	margin: 0 0 50px 0
}

.auth-view .form {
	width: 100%;
	max-width: 585px;
	margin: 0 auto
}

.auth-view .forgot-link {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	color: rgba(255, 255, 255, .5);
	text-align: right;
	text-decoration: none;
	float: right;
	-webkit-transition: color .15s;
	transition: color .15s
}

.auth-view .forgot-link:hover {
	color: #fff
}

.auth-view .form-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 585px;
	margin: 40px auto 0 auto;
	padding-bottom: 140px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -12px
}

.auth-view .form-footer .label {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	color: rgba(255, 255, 255, .5);
	margin: 0 12px 12px
}

.auth-view .form-footer .form-footer-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin: 0 12px 12px
}

.auth-view .form-footer .form-footer-button,
.auth-view .form-footer .form-footer-button * {
	cursor: pointer
}

.auth-view .form-footer .form-footer-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.auth-view .form-footer .form-footer-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.auth-view .form-footer .form-footer-button>*+* {
	margin-left: 9px
}

.auth-view .form-footer .form-footer-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.auth-view .form-footer .form-footer-button:hover:not(:disabled) {
	background-color: #13cfff
}

@media(max-width: 480px) {
	.auth-view .form-footer {
		margin-top: 30px
	}

	.auth-view .form-footer .label {
		font-size: 14px;
		line-height: 22px;
		font-weight: 600
	}

	.auth-view .form-footer .form-footer-button {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px
	}
}

@media(max-width: 480px) {
	.auth-view {
		padding: 0 22px
	}

	.auth-view .form {
		padding: 35px
	}

	.auth-view .auth-title {
		font-size: 35px;
		line-height: 40px;
		margin: 0;
		margin: 0 0 33px;
		text-align: left
	}
}

.auth-view .grecaptcha-badge {
	margin-bottom: 10px
}

.verify-view .tile {
	max-width: 580px;
	margin: 0 auto
}

.verify-view .form .message {
	font-size: 20px;
	line-height: 34px;
	color: #fff;
	margin-bottom: 24px
}

.verify-view .social {
	text-align: center
}

.verify-view .social .message {
	font-size: 24px;
	line-height: 34px;
	color: #fff
}

.verify-view .social .share-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px
}

.verify-view .social .share-buttons .button {
	display: inline-block;
	margin-left: 20px
}

.verify-view .social .share-buttons .button:first-child {
	margin-left: 0
}

.verify-view .social .share-buttons .fb_iframe_widget {
	float: left
}

.verify-view .social .share-buttons .twitter-tweet-button {
	float: left
}

.x-download-attribution-form header h1 {
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	color: #fff;
	margin: 0 0 25px
}

.x-download-attribution-form footer {
	margin-top: 35px
}

.x-download-attribution-form footer button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #acff35;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.x-download-attribution-form footer button,
.x-download-attribution-form footer button * {
	cursor: pointer
}

.x-download-attribution-form footer button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.x-download-attribution-form footer button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.x-download-attribution-form footer button>*+* {
	margin-left: 9px
}

.x-download-attribution-form footer button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.x-download-attribution-form footer button:hover:not(:disabled) {
	background-color: #acff35
}

.x-download-attribution-form footer button:hover:not(:disabled) {
	color: #1a2837
}

.x-download-attribution-form .options {
	list-style: none;
	margin: 0;
	padding: 0
}

.x-download-attribution-form .options li {
	margin-top: 12px
}

.x-download-attribution-form .options li+li {
	margin-top: 12px
}

.x-download-attribution-form .options li .label .text-input {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	max-width: 200px;
	margin-left: 12px
}

.x-download-attribution-form .options li .label .text-input[disabled] {
	pointer-events: none
}

.x-download-attribution-form .options li .label.other {
	margin-top: -3px
}

.x-download-attribution-form .confirmation {
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	display: none;
	color: #fff;
	text-align: center
}

.x-download-button .button-wrapper {
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-right: 40px
}

.x-download-button .button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	background: #acff35;
	color: #1a2837
}

.x-download-button .button,
.x-download-button .button * {
	cursor: pointer
}

.x-download-button .button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.x-download-button .button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.x-download-button .button>*+* {
	margin-left: 9px
}

.x-download-button .button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.x-download-button .button svg * {
	fill: #1a2837
}

.x-download-button .button::not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(172, 255, 53, .1);
	box-shadow: 0 0 15px rgba(172, 255, 53, .1)
}

.x-download-button .button img {
	width: 18px;
	height: 18px
}

.x-download-button .button .show-mobile {
	display: none
}

.x-download-button .size {
	font-size: 14px;
	line-height: 22px;
	margin-left: 18px;
	text-transform: uppercase;
	color: rgba(172, 255, 53, .6)
}

.x-download-button .no-download {
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, .8);
	padding: 6px 12px;
	border-radius: 5px;
	background: #000;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	display: inline-block
}

.x-download-button .no-download em {
	font-style: normal;
	color: #acff35
}

.x-download-button.vertical .button-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.x-download-button.vertical .button-wrapper .size {
	margin-left: 0;
	margin-top: 14px
}

.x-download-button.no-download-border .no-download {
	border: 1px solid #1a2837
}

@media(max-width: 700px) {
	.x-download-button .button .show-mobile {
		display: initial
	}

	.x-download-button .button .hide-mobile {
		display: none
	}
}

@media(max-width: 420px) {
	.x-download-button .download .button-wrapper {
		display: none !important
	}

	.x-download-button .download .no-download {
		display: block !important
	}
}

body.os-windows .x-download-button .button-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.x-featured-title {
	display: block;
	border-radius: 10px;
	width: 100%;
	height: 167px;
	background-color: #000;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	overflow: hidden
}

.x-featured-title,
.x-featured-title * {
	cursor: pointer
}

.x-featured-title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(0deg, #000 0%, #000 9px, transparent 50%)
}

.x-featured-title:hover .meta {
	color: #fff
}

.x-featured-title:hover .platforms img,
.x-featured-title:hover .updated:before {
	opacity: 1
}

.x-featured-title .meta {
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	color: rgba(255, 255, 255, .5);
	position: absolute;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 19px 17px 19px;
	z-index: 1;
	-webkit-transition: color .15s;
	transition: color .15s
}

.x-featured-title .platforms {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.x-featured-title .platforms img {
	width: 14px;
	height: 14px;
	opacity: .5;
	-webkit-transition: opacity .15s;
	transition: opacity .15s
}

.x-featured-title .platforms img+img {
	margin-left: 15px
}

.x-featured-title .cheats,
.x-featured-title .updated {
	margin-left: 19px
}

.x-featured-title .updated {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.x-featured-title .updated:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("images/icons/clock-01786b45cb.svg") center no-repeat;
	opacity: .5;
	margin-right: 9px;
	-webkit-transition: opacity .15s;
	transition: opacity .15s
}

.x-featured-titles h3 {
	margin: 40px 0 27px 10px !important
}

.x-featured-titles .titles {
	padding: 10px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#1a2837), to(transparent));
	background: linear-gradient(180deg, #1a2837 0%, transparent 100%)
}

.x-featured-titles .titles .x-featured-title+.x-featured-title {
	margin-top: 10px
}

@media(min-width: 900px) {
	.x-featured-titles.condensed-titles .x-featured-title {
		height: 131px
	}
}

.x-free-games-list h3 {
	margin-bottom: 27px
}

.x-free-games {
	margin: -25px -25px 0 0
}

.x-free-games .x-featured-title {
	margin: 25px 25px 0 0
}

.x-loading-indicator {
	opacity: .4;
	display: block;
	width: 30px;
	height: 30px
}

.x-loading-indicator svg {
	-webkit-animation: loading-indicator-rotate 2s linear infinite;
	animation: loading-indicator-rotate 2s linear infinite;
	width: 30px;
	height: 30px
}

.x-loading-indicator circle {
	stroke: #fff;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: loading-indicator-stroke 1.5s ease-in-out infinite;
	animation: loading-indicator-stroke 1.5s ease-in-out infinite
}

.x-loading-indicator.small {
	width: 15px;
	height: 15px;
	overflow: hidden
}

.x-loading-indicator.small svg {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-name: loading-indicator-rotate__small;
	animation-name: loading-indicator-rotate__small
}

@-webkit-keyframes loading-indicator-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loading-indicator-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes loading-indicator-rotate__small {
	to {
		-webkit-transform: rotate(360deg) scale(0.5);
		transform: rotate(360deg) scale(0.5)
	}
}

@keyframes loading-indicator-rotate__small {
	to {
		-webkit-transform: rotate(360deg) scale(0.5);
		transform: rotate(360deg) scale(0.5)
	}
}

@-webkit-keyframes loading-indicator-stroke {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124
	}
}

@keyframes loading-indicator-stroke {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124
	}
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 90px;
	z-index: 1000;
	visibility: hidden;
	overflow: hidden auto;
	-webkit-transition: visibility 0s .2s;
	transition: visibility 0s .2s
}

.modal::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background: rgba(255, 255, 255, .1);
	border-radius: 10px
}

.modal::-webkit-scrollbar-thumb:window-inactive,
.modal::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 100px;
	border: 1px solid rgba(0, 0, 0, .2);
	background-clip: padding-box
}

.modal::-webkit-scrollbar-thumb:window-inactive:hover,
.modal::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, .5)
}

@media(max-width: 640px) {
	.modal {
		padding: 22px
	}
}

.modal.open {
	visibility: visible;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-animation: dialog-fade .2s;
	animation: dialog-fade .2s
}

.modal.open .modal-content {
	-webkit-animation: dialog-pop .2s ease-in-out;
	animation: dialog-pop .2s ease-in-out
}

.modal .modal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(17, 23, 29, .75)
}

.modal .modal-wrapper {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 100%;
	margin: auto
}

.modal .modal-content {
	position: relative;
	width: 550px;
	max-width: calc(100% - 25px);
	margin: 0 12.5px;
	-webkit-box-shadow: 0 0 5px rgba(17, 23, 29, .5);
	box-shadow: 0 0 5px rgba(17, 23, 29, .5);
	background: -webkit-gradient(linear, left top, left bottom, from(#1a2837), to(#000));
	background: linear-gradient(180deg, #1a2837 0%, #000 100%);
	padding: 43px 48px;
	border-radius: 10px
}

@media(max-width: 640px) {
	.modal .modal-content {
		padding: 22px
	}
}

.modal .modal-close-button {
	background: #353a3f;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 26px;
	height: 26px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	border-radius: 50%;
	border: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: absolute;
	right: -12.5px;
	top: -12.5px;
	z-index: 1
}

.modal .modal-close-button svg * {
	fill: #fff
}

@media(hover: hover) {
	.modal .modal-close-button:hover {
		background-color: #4d5156
	}
}

@-webkit-keyframes dialog-fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes dialog-fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes dialog-pop {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	25% {
		opacity: 1
	}

	50% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes dialog-pop {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	25% {
		opacity: 1
	}

	50% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.x-overlay-feature {
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.x-overlay-feature:before {
	content: "";
	position: absolute;
	left: 0%;
	right: 0%;
	top: 50%;
	bottom: 0%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 207, 255, 0)), color-stop(50%, rgba(137, 231, 255, 0.5)), to(#fff));
	background: linear-gradient(180deg, rgba(19, 207, 255, 0), rgba(137, 231, 255, 0.5) 50%, #fff 100%);
	opacity: .3
}

.x-overlay-feature .left,
.x-overlay-feature .right {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	position: relative;
	z-index: 1
}

.x-overlay-feature .left {
	margin-bottom: -43px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.x-overlay-feature .right {
	margin-left: 40px;
	padding-left: 48px
}

.x-overlay-feature .screen {
	display: block;
	background: url("images/views/features/overlay-screen-desktop-c771de3b3d.png") center/contain no-repeat;
	padding-top: 56%;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.x-overlay-feature .screen .overlay {
	position: absolute;
	bottom: 0;
	left: 5.23%;
	height: 94%;
	width: 36.82%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

@media(max-width: 900px) {
	.x-overlay-feature {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.x-overlay-feature:before {
		top: 0;
		background: linear-gradient(247.39deg, #fff 0%, rgba(19, 207, 255, 0.5) 35%, rgba(19, 207, 255, 0) 70%)
	}

	.x-overlay-feature .left {
		margin: 0 0 -10px 0
	}

	.x-overlay-feature .right {
		margin: 0 0 22px 0;
		padding: 0
	}
}

@media(max-width: 600px) {
	.x-overlay-feature .left {
		margin-right: -38px;
		overflow: hidden;
		display: block;
		-webkit-box-align: initial;
		-ms-flex-align: initial;
		align-items: initial
	}

	.x-overlay-feature .screen {
		width: 487px;
		height: 281px;
		background: url("images/views/features/overlay-screen-mobile-0b08096e34.png") center/contain no-repeat;
		padding-top: 57.25%
	}

	.x-overlay-feature .screen .overlay {
		bottom: 6%;
		height: 88%;
		width: 38.75%;
		background-position: center top;
		background-size: 100% auto
	}
}

.x-save-cheats-toggle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 9px 18px 9px 10px;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 100px;
	background: rgba(0, 0, 0, .1);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px)
}

.x-save-cheats-toggle:before {
	content: "";
	display: inline-block;
	width: 31px;
	height: 20px;
	background: url("images/views/features/save-cheats-toggle-74c79e70c7.svg") center/contain no-repeat;
	margin-right: 10px
}

.x-save-cheats-toggle .label {
	font-size: 13px;
	line-height: 20px;
	color: #fff
}

@media(min-width: 901px) {
	.x-title-list .game-result .cheats {
		display: none
	}
}

@media(max-width: 900px) {
	.x-title-list .game-result .name {
		margin-bottom: 0
	}
}

.example-cheats {
	position: relative;
	z-index: 0;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(79.72%, #000), to(transparent));
	-webkit-mask-image: linear-gradient(180deg, #000 79.72%, transparent 100%);
	mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(79.72%, #000), to(transparent));
	mask-image: linear-gradient(180deg, #000 79.72%, transparent 100%);
	overflow: hidden;
	will-change: opacity
}

.example-cheats .cheats-wrapper {
	width: 100%;
	padding-top: 61%;
	position: relative
}

.example-cheats .save-cheats-icons {
	position: absolute;
	left: 0;
	top: 2.5%;
	width: 2.25%;
	height: auto
}

.example-cheats .background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: top left/100% no-repeat;
	display: none
}

.example-cheats .background-desktop {
	left: 3.9%;
	width: 96.1%
}

.example-cheats .background-mobile {
	left: 8%;
	width: 92%
}

.example-cheats .slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 28%;
	top: 0;
	margin-top: -2.1%;
	width: 43.5%;
	padding-top: 5%;
	height: 0
}

.example-cheats .slider .value {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 15%;
	font-weight: 900;
	color: #fff;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.example-cheats .slider .progress {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 3.15%;
	background: rgba(255, 255, 255, .1);
	border-radius: 99px;
	position: relative
}

.example-cheats .slider .progress .fill {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(225deg, #0bf2f6 0%, #13cfff 100%)
}

.example-cheats .slider .progress .handle {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -3.63%;
	margin-left: -3.63%;
	width: 7.26%;
	padding-top: 7.26%;
	border-radius: 99px;
	background: #fff
}

@media(min-width: 601px) {
	.example-cheats .background.background-desktop {
		display: block
	}
}

@media(max-width: 600px) {
	.example-cheats {
		padding-right: 20px;
		margin-right: -20px
	}

	.example-cheats .background.background-mobile {
		display: block
	}

	.example-cheats .save-cheats-icons {
		top: 1%;
		width: 4.2%
	}

	.example-cheats .cheats-wrapper {
		padding-top: 112%
	}

	.example-cheats .slider {
		bottom: 64.6%;
		left: 52.7%;
		width: 44%;
		padding-top: 6%
	}

	.example-cheats .slider .value {
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		width: 18%
	}

	.example-cheats .slider .progress {
		padding-top: 7%
	}

	.example-cheats .slider .progress .handle {
		width: 15%;
		padding-top: 15%;
		margin-top: -7.5%;
		margin-left: -7.5%
	}
}

.trainer-cheats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.trainer-cheats .column {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.trainer-cheats .column+.column {
	margin-left: 40px
}

.trainer-cheats .category header {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: rgba(255, 255, 255, .5);
	margin-bottom: 12px
}

.trainer-cheats .category .cheats {
	list-style: none;
	margin: 0 0 -5px 0;
	padding: 0
}

.trainer-cheats .category .cheats .cheat {
	padding-bottom: 5px
}

.trainer-cheats .category .cheats .cheat div {
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .8);
	padding: 4px 12px;
	border-radius: 5px;
	background: #1a2837;
	display: inline-block
}

.trainer-cheats .category+.category {
	margin-top: 18px
}

.trainer-cheats.single-category .cheats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px
}

.trainer-cheats.single-category .cheat {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	padding-right: 5px
}

.view-billing-flow {
	text-align: center;
	padding: 50px 20px
}

.view-billing-flow .message {
	font-weight: 300;
	font-size: 26px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin-top: 30px;
	margin-bottom: 30px
}

.view-billing-flow .message strong {
	font-weight: 600
}

.view-billing-flow .return-button {
	display: inline-block;
	background: #ed68ab;
	-webkit-box-shadow: -3px 3px 0 0 rgba(16, 29, 50, .15);
	box-shadow: -3px 3px 0 0 rgba(16, 29, 50, .15);
	border-radius: 19px;
	line-height: 40px;
	border: 0;
	padding: 0 20px;
	font-weight: 900;
	font-size: 24px;
	color: #fff;
	text-shadow: -1px 1px 0 rgba(16, 29, 50, .15);
	text-transform: uppercase;
	-webkit-transition: background .15s;
	transition: background .15s
}

.view-billing-flow .return-button:hover {
	background: #f296c4
}

.mobile-checkout-view {
	max-width: 1270px;
	margin: 0 auto;
	padding: 140px 30px 0
}

.mobile-checkout-view .tile {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.mobile-checkout-view .tile .header-badge.header-badge__pro {
	float: right;
	margin-top: 3px
}

@media(max-width: 900px) {
	.mobile-checkout-view .tile {
		margin-top: 20px
	}
}

.view-checkout-switch-plan .summary.small .pro-header {
	height: 50px
}

.view-checkout-switch-plan .summary.small .bottom {
	padding-bottom: 20px
}

.view-checkout-switch-plan .coupon .coupon-code {
	font-weight: 300;
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	margin-top: 20px
}

.view-checkout-switch-plan .coupon form {
	margin-top: 2px
}

.view-checkout-switch-plan .coupon form .wrapper {
	position: relative
}

.view-checkout-switch-plan .coupon form .wrapper .tooltip {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-left: 0 !important
}

.view-checkout-switch-plan .coupon form input {
	width: 225px
}

.view-checkout-switch-plan .coupon .coupon-wrapper {
	display: none
}

.view-checkout-switch-plan .coupon .coupon-wrapper.expanded {
	display: block
}

.view-checkout-switch-plan .coupon .coupon-wrapper .checkout-text-input.error .tooltip {
	opacity: 1;
	visibility: visible
}

.view-checkout-switch-plan .coupon .coupon-apply-button {
	background: rgba(16, 29, 50, .5) -webkit-gradient(linear, left top, left bottom, from(rgba(62, 47, 132, 0.67)), to(rgba(62, 47, 132, 0.67))) !important;
	background: rgba(16, 29, 50, .5) linear-gradient(rgba(62, 47, 132, 0.67), rgba(62, 47, 132, 0.67)) !important;
	display: inline-block;
	font-weight: 900;
	font-size: 19px;
	color: #fff;
	line-height: 27px;
	padding: 6px 20px 5px 20px;
	border: 1px solid #ed68ab;
	white-space: nowrap;
	border-radius: 4px;
	-webkit-box-shadow: -3px 3px 0 0 rgba(16, 29, 50, .15);
	box-shadow: -3px 3px 0 0 rgba(16, 29, 50, .15);
	text-shadow: -1px 1px 0 rgba(16, 29, 50, .15);
	overflow: hidden;
	position: relative;
	z-index: 0
}

.view-checkout-switch-plan .coupon .coupon-apply-button:hover {
	background: #ed68ab !important
}

.view-checkout-thanks {
	text-align: center;
	padding: 150px 20px 0 20px
}

.view-checkout-thanks .message {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px
}

.view-checkout-thanks .message strong {
	font-weight: 700
}

.view-checkout-thanks .download-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	background: #13cfff;
	color: #000
}

.view-checkout-thanks .download-button,
.view-checkout-thanks .download-button * {
	cursor: pointer
}

.view-checkout-thanks .download-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.view-checkout-thanks .download-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.view-checkout-thanks .download-button>*+* {
	margin-left: 9px
}

.view-checkout-thanks .download-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.view-checkout-thanks .download-button:hover:not(:disabled) {
	background-color: #13cfff
}

.view-checkout-thanks .download-button svg * {
	fill: #000
}

.view-checkout-thanks .download-button:hover:not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(19, 207, 255, .1);
	box-shadow: 0 0 15px rgba(19, 207, 255, .1)
}

.checkout-view .errors {
	display: none
}

.checkout-view .errors.show {
	display: block
}

.checkout-view .errors.flash {
	-webkit-animation: error-flash .1s linear alternate 6;
	animation: error-flash .1s linear alternate 6
}

.checkout-view .tile {
	overflow: visible
}

@-webkit-keyframes error-flash {
	from {
		color: rgba(255, 0, 86, .25);
		text-shadow: 0 0 15px #ff0056
	}

	to {
		color: #ff0056;
		text-shadow: none
	}
}

@keyframes error-flash {
	from {
		color: rgba(255, 0, 86, .25);
		text-shadow: 0 0 15px #ff0056
	}

	to {
		color: #ff0056;
		text-shadow: none
	}
}

.checkout-view.loading {
	opacity: .4;
	pointer-events: none
}

.checkout-view.loading .input-wrapper .input-placeholder {
	display: none
}

.checkout-view .checkout--layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.checkout-view .checkout--layout .tile+.tile {
	margin-left: 40px
}

.checkout-view .checkout--payment {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.checkout-view .powered-by-recurly {
	position: absolute;
	right: 0;
	top: -32px
}

.checkout-view .powered-by-recurly .label {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, .5)
}

.checkout-view .powered-by-recurly img {
	vertical-align: text-bottom
}

.checkout-view .three-d-secure-host {
	display: none;
	height: 400px
}

.checkout-view .method-wrapper {
	display: none
}

.checkout-view .method-wrapper.selected {
	display: block
}

.checkout-view .method-selector {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	-webkit-transition: background .15s;
	transition: background .15s;
	margin-bottom: 25px
}

.checkout-view .method-selector .option {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	padding: 4px 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background-color .15s, color .15s;
	transition: background-color .15s, color .15s;
	height: 32px;
	white-space: nowrap;
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .6)
}

.checkout-view .method-selector .option,
.checkout-view .method-selector .option * {
	cursor: pointer
}

.checkout-view .method-selector .option input {
	display: none
}

.checkout-view .method-selector .option:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.checkout-view .method-selector .option:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.checkout-view .method-selector .option i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 10px
}

.checkout-view .method-selector .option.selected {
	background: #fff;
	color: #1a2837
}

.checkout-view .method-selector .option.selected i:first-of-type {
	display: none
}

.checkout-view .method-selector .option.selected i:last-of-type {
	display: inline-block
}

.checkout-view .method-selector .option i:last-of-type {
	display: none
}

.checkout-view .paypal-message {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: rgba(255, 255, 255, .5);
	white-space: nowrap;
	display: inline-block
}

.checkout-view .paypal-message em {
	font-style: normal;
	color: rgba(255, 255, 255, .8)
}

.checkout-view .coupon {
	margin-top: 20px
}

.checkout-view .coupon .coupon-code-link {
	font-size: 16px;
	line-height: 24px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #fff;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.checkout-view .coupon .coupon-code-link:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, transparent), to(transparent)) top left/4px auto repeat;
	background: linear-gradient(90deg, #fff 0%, #fff 50%, transparent 50%, transparent 100%) top left/4px auto repeat;
	opacity: .5;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	margin-top: -3px
}

.checkout-view .coupon .coupon-code-link:hover:after {
	opacity: 1
}

.checkout-view .coupon .coupon--wrapper {
	position: relative;
	margin-top: 14px;
	display: none
}

.checkout-view .coupon .coupon--wrapper.expanded {
	display: block
}

.checkout-view .coupon .coupon-apply-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-left: 15px
}

.checkout-view .coupon .coupon-apply-button,
.checkout-view .coupon .coupon-apply-button * {
	cursor: pointer
}

.checkout-view .coupon .coupon-apply-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.checkout-view .coupon .coupon-apply-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.checkout-view .coupon .coupon-apply-button>*+* {
	margin-left: 9px
}

.checkout-view .coupon .coupon-apply-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.checkout-view .coupon .coupon-apply-button:hover:not(:disabled) {
	background-color: #13cfff
}

.checkout-view .input-wrapper .cvv-tooltip {
	position: absolute;
	right: -85px;
	top: 100%;
	margin-top: -8px;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: opacity .15s, -webkit-transform .15s;
	transition: opacity .15s, -webkit-transform .15s;
	transition: opacity .15s, transform .15s;
	transition: opacity .15s, transform .15s, -webkit-transform .15s
}

.checkout-view .input-wrapper .input-icon:hover+.cvv-tooltip {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.checkout-view .form-header .header-badge {
	margin-bottom: 8px
}

.checkout-view .checkout--summary {
	position: relative;
	width: 390px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.checkout-view .checkout--summary:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(247.39deg, #fff 0%, rgba(19, 207, 255, 0.5) 35%, rgba(19, 207, 255, 0) 70%);
	opacity: .3;
	pointer-events: none;
	border-radius: 20px
}

.checkout-view .checkout--summary .period-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	-webkit-transition: background .15s;
	transition: background .15s;
	margin-bottom: 26px;
	width: 100%
}

.checkout-view .checkout--summary .period-toggle .period {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	padding: 4px 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background-color .15s, color .15s;
	transition: background-color .15s, color .15s;
	height: 32px;
	white-space: nowrap;
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .6);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.checkout-view .checkout--summary .period-toggle .period,
.checkout-view .checkout--summary .period-toggle .period * {
	cursor: pointer
}

.checkout-view .checkout--summary .period-toggle .period input {
	display: none
}

.checkout-view .checkout--summary .period-toggle .period:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.checkout-view .checkout--summary .period-toggle .period:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.checkout-view .checkout--summary .period-toggle .period i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 10px
}

.checkout-view .checkout--summary .period-toggle .period.selected {
	background: #fff;
	color: #1a2837
}

.checkout-view .checkout--summary .period-toggle .trial-badge {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1px;
	background: #000;
	border-radius: 5px;
	padding: 1px 7px 2px;
	color: #acff35;
	margin-left: 5px
}

.checkout-view .checkout--summary .totals-row {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.checkout-view .checkout--summary .totals-row.totals-row__discounted {
	color: rgba(255, 255, 255, .5)
}

.checkout-view .checkout--summary .totals-row.totals-row__discounted .totals-row--price {
	text-decoration: line-through
}

.checkout-view .checkout--summary .totals-row.totals-row__final {
	font-weight: 700;
	color: #acff35
}

.checkout-view .checkout--summary .totals-row--label {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-right: 16px
}

.checkout-view .checkout--summary .totals-row--price {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.checkout-view .checkout--summary .subscribe-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	background: #acff35;
	color: #1a2837;
	margin-top: 29px;
	width: 100%
}

.checkout-view .checkout--summary .subscribe-button,
.checkout-view .checkout--summary .subscribe-button * {
	cursor: pointer
}

.checkout-view .checkout--summary .subscribe-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.checkout-view .checkout--summary .subscribe-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.checkout-view .checkout--summary .subscribe-button>*+* {
	margin-left: 9px
}

.checkout-view .checkout--summary .subscribe-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.checkout-view .checkout--summary .subscribe-button svg * {
	fill: #1a2837
}

.checkout-view .checkout--summary .subscribe-button::not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(172, 255, 53, .1);
	box-shadow: 0 0 15px rgba(172, 255, 53, .1)
}

.checkout-view .checkout--summary .cancel-message {
	margin-top: 18px
}

.checkout-view .checkout--summary .cancel-message p {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, .4);
	text-align: center;
	margin: 0
}

.checkout-view .checkout--summary .cancel-message p a {
	color: rgba(255, 255, 255, .6)
}

.checkout-view .checkout--summary .cancel-message p a:hover {
	color: #fff
}

.checkout-view .checkout--summary .cancel-message p+p {
	margin-top: 5px
}

@media(max-width: 1080px) {
	.checkout-view .checkout--layout {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.checkout-view .checkout--layout .tile+.tile {
		margin-left: 0;
		margin-top: 45px
	}

	.checkout-view .checkout--summary {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 100%
	}
}

@media(max-width: 480px) {
	.checkout-view .trial-badge {
		display: none !important
	}
}

.collection-view .layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
}

.collection-view .layout .left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.collection-view .description {
	font-size: 18px;
	line-height: 30px;
	color: #fff
}

.collection-view .x-featured-titles {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	margin-left: 40px
}

.collection-view .x-featured-titles h3 {
	margin-top: 43px !important
}

.collection-view .section-how-it-works {
	margin-top: 30px !important
}

.collection-view .x-download-button {
	margin-top: 20px
}

.collection-view .collection-titles h3 {
	margin-bottom: 27px
}

@media(max-width: 1023px) {
	.collection-view .x-featured-titles {
		display: none
	}
}

.creator-application-view .view-title {
	background: -webkit-linear-gradient(10deg, #0bf2f6, #13cfff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	margin-bottom: 27px
}

.creator-application-view .main-text {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .6);
	margin: 0 0 32px
}

.creator-application-view .main-text em {
	color: #acff35
}

.creator-application-view .layout-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.creator-application-view .layout-row>.left {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.creator-application-view .layout-row>.right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 390px;
	flex: 0 0 390px;
	margin-left: 40px
}

.creator-application-view .layout-row .layout-col>*+* {
	margin-top: 40px
}

.creator-application-view ul.form-message {
	margin-bottom: 15px
}

.creator-application-view .file-selector-wrapper {
	position: relative
}

.creator-application-view .file-selector-wrapper .clear-button {
	position: absolute;
	right: -11px;
	top: -11px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: #fff url(images/icons/close-small-1b574d35bb.svg) center no-repeat;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	z-index: 1
}

.creator-application-view .file-selector {
	width: 100%;
	min-height: 190px;
	padding: 24px;
	border-radius: 5px;
	border: 1px solid #1a2837;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	-webkit-transition: border-color .15s;
	transition: border-color .15s
}

.creator-application-view .file-selector input {
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	cursor: pointer
}

.creator-application-view .file-selector.error {
	border-color: #ff0056
}

.creator-application-view .file-selector.highlight {
	border-color: #13cfff
}

@media(hover: hover) {
	.creator-application-view .file-selector:hover {
		border-color: #13cfff
	}
}

.creator-application-view .file-selector .label {
	font-size: 18px;
	line-height: 30px;
	color: rgba(19, 207, 255, .5);
	pointer-events: none;
	max-width: 100%
}

.creator-application-view .file-selector .label em {
	color: #13cfff
}

.creator-application-view .file-selector .label ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.creator-application-view .file-selector .label ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.creator-application-view form button[type=submit] {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 35px
}

.creator-application-view form button[type=submit],
.creator-application-view form button[type=submit] * {
	cursor: pointer
}

.creator-application-view form button[type=submit] svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.creator-application-view form button[type=submit]:disabled {
	opacity: .4;
	cursor: not-allowed
}

.creator-application-view form button[type=submit]>*+* {
	margin-left: 9px
}

.creator-application-view form button[type=submit] i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.creator-application-view form button[type=submit]:hover:not(:disabled) {
	background-color: #13cfff
}

.creator-application-view .bullets h2 {
	margin-bottom: 24px
}

.creator-application-view .bullets ul {
	list-style: none;
	margin: 0 0 0 -8px;
	padding: 0
}

.creator-application-view .bullets ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.creator-application-view .bullets ul li img {
	margin-right: 15px;
	width: 66px
}

.creator-application-view .bullets ul li .text {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: rgba(255, 255, 255, .5);
	max-width: 180px
}

.creator-application-view .bullets ul li .text em {
	font-weight: 600;
	color: rgba(255, 255, 255, .8)
}

.creator-application-view .bullets ul li+li {
	margin-top: 15px
}

.creator-application-view .our-creators h2 {
	margin: 0 0 27px
}

.creator-application-view .our-creators ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.creator-application-view .our-creators ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.creator-application-view .our-creators ul li img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 14px
}

.creator-application-view .our-creators ul li .meta .username {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #fff
}

.creator-application-view .our-creators ul li .meta .cheats {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .2)
}

.creator-application-view .our-creators ul li .meta .cheats em {
	font-weight: 500;
	color: rgba(255, 255, 255, .4)
}

.creator-application-view .our-creators ul li+li {
	margin-top: 21px
}

@media(max-width: 1024px) {
	.creator-application-view .layout-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.creator-application-view .layout-row>.right {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		margin-left: 0
	}

	.creator-application-view .bullets {
		margin-top: 40px
	}

	.creator-application-view .bullets ul li .text {
		max-width: initial
	}
}

.view-diamond {
	background: #fff
}

.view-diamond *,
.view-diamond button,
.view-diamond input {
	font-family: Gotham
}

.view-diamond section.upgrade {
	background: #fff
}

.view-diamond section.upgrade .section {
	background: #fff
}

.view-diamond section.upgrade .section-title {
	padding: 64px 0;
	margin: 0;
	text-align: center;
	font-weight: 500;
	font-size: 30px;
	color: #152c34;
	letter-spacing: .25px
}

.view-diamond section.upgrade .upgrade-button {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 70px;
	height: 70px;
	background: #fff;
	border: 0;
	-webkit-box-shadow: 0 4px 0 #dde4eb;
	box-shadow: 0 4px 0 #dde4eb;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: background .15s, -webkit-transform .15s, -webkit-box-shadow .25s;
	transition: background .15s, -webkit-transform .15s, -webkit-box-shadow .25s;
	transition: transform .15s, box-shadow .25s, background .15s;
	transition: transform .15s, box-shadow .25s, background .15s, -webkit-transform .15s, -webkit-box-shadow .25s;
	display: inline-block;
	position: relative
}

.view-diamond section.upgrade .upgrade-button:disabled {
	opacity: .5
}

.view-diamond section.upgrade .upgrade-button:disabled,
.view-diamond section.upgrade .upgrade-button:disabled * {
	cursor: default
}

.view-diamond section.upgrade .upgrade-button:hover:not([disabled]) {
	background: #fff;
	-webkit-box-shadow: 0 4px 0 #fdfefe;
	box-shadow: 0 4px 0 #fdfefe
}

.view-diamond section.upgrade .upgrade-button:active:not([disabled]) {
	-webkit-box-shadow: 0 1px 0 #fdfefe;
	box-shadow: 0 1px 0 #fdfefe;
	-webkit-transform: translate(0, 3px);
	-ms-transform: translate(0, 3px);
	transform: translate(0, 3px)
}

.view-diamond section.upgrade .upgrade-button .label {
	display: inline-block;
	font-weight: bold;
	font-size: 17.97px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	padding: 0 50px
}

.view-diamond section.upgrade .upgrade-button:after {
	content: "";
	display: block;
	float: right;
	width: 68px;
	height: 100%;
	border-left: 1px solid #dde4eb
}

.view-diamond section.upgrade .upgrade-button:hover {
	-webkit-box-shadow: 0 4px 0 #dde4eb, 0 0 20px rgba(255, 255, 255, .3) !important;
	box-shadow: 0 4px 0 #dde4eb, 0 0 20px rgba(255, 255, 255, .3) !important
}

.view-diamond section.upgrade .upgrade-button:active {
	-webkit-box-shadow: 0 1px 0 #dde4eb, 0 0 20px rgba(255, 255, 255, .3) !important;
	box-shadow: 0 1px 0 #dde4eb, 0 0 20px rgba(255, 255, 255, .3) !important
}

@media(max-width: 550px) {
	.view-diamond section.upgrade .upgrade-button .label {
		font-size: 14px;
		padding: 0 24px
	}
}

.view-diamond section.upgrade section.top {
	text-align: center;
	padding-top: 100px;
	border-bottom: 1px solid #cecde1
}

.view-diamond section.upgrade section.top h1 {
	font-family: "Gotham Book";
	font-size: 35px;
	color: #fff;
	letter-spacing: .25px;
	max-width: 515px;
	margin: 20px auto
}

.view-diamond section.upgrade section.top .two-months-free {
	display: block;
	margin: 20px auto 50px auto;
	font-family: "Gotham Book";
	font-size: 14px;
	letter-spacing: .25px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(max-width: 550px) {
	.view-diamond section.upgrade section.top {
		padding-left: 24px;
		padding-right: 24px
	}
}

.view-diamond section.upgrade section.features {
	padding: 75px 0 0 50px
}

.view-diamond section.upgrade section.features .row {
	position: relative;
	max-width: 1440px;
	margin: 0 auto
}

.view-diamond section.upgrade section.features .feature {
	padding: 32px 32px 32px 176px;
	width: calc(50% - 50px);
	height: 100%;
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
	background-position: 50px center;
	background-repeat: no-repeat;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.view-diamond section.upgrade section.features .feature:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: calc(50% - 50px);
	bottom: 50px;
	border: 1px solid rgba(41, 86, 102, .25)
}

.view-diamond section.upgrade section.features .feature:first-child:before {
	left: 0
}

.view-diamond section.upgrade section.features .feature:last-child:before {
	right: 50px
}

.view-diamond section.upgrade section.features .feature h2 {
	font-weight: 500;
	font-size: 18.9px;
	color: #152c34;
	letter-spacing: .24px;
	margin: 0 0 8px 0
}

.view-diamond section.upgrade section.features .feature p {
	font-family: "Gotham Book";
	font-size: 15.12px;
	color: #295666;
	letter-spacing: .26px;
	line-height: 28.35px;
	margin: 0
}

.view-diamond section.upgrade section.features .row:first-child .feature:first-child {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.view-diamond section.upgrade section.features .row:first-child .feature:last-child {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.view-diamond section.upgrade section.features .row:last-child .feature:first-child {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.view-diamond section.upgrade section.features .row:last-child .feature:last-child {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.view-diamond section.upgrade section.features.visible .feature {
	opacity: 1
}

@media(max-width: 850px) {
	.view-diamond section.upgrade section.features {
		padding-right: 50px
	}

	.view-diamond section.upgrade section.features .feature {
		width: 100%;
		margin-right: 50px;
		position: relative
	}

	.view-diamond section.upgrade section.features .feature:before {
		width: 100%;
		left: 0 !important;
		bottom: 0
	}
}

@media(max-width: 500px) {
	.view-diamond section.upgrade section.features .feature {
		background-position: center 25px;
		padding: 115px 20px 20px 20px;
		text-align: center
	}
}

.view-diamond section.upgrade section.app {
	position: relative;
	opacity: 0;
	-webkit-transition: opacity .5s .2s;
	transition: opacity .5s .2s;
	overflow: hidden;
	padding-bottom: 10px
}

.view-diamond section.upgrade section.app.visible {
	opacity: 1
}

.view-diamond section.upgrade section.app .screenshot {
	width: 50%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .5);
	position: relative;
	z-index: 2
}

.view-diamond section.upgrade section.app .info {
	display: block;
	width: 50%;
	float: right;
	position: relative;
	margin-top: 20px
}

.view-diamond section.upgrade section.app .info .info-header {
	width: 100%;
	height: 154px;
	margin: 22px 0;
	position: relative
}

.view-diamond section.upgrade section.app .info .info-header:after {
	display: block;
	content: "";
	width: 110%;
	height: 100%;
	position: absolute;
	left: -5%;
	top: 0;
	z-index: 0;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg)
}

.view-diamond section.upgrade section.app .info .info-header img {
	vertical-align: middle;
	padding-right: 30px
}

.view-diamond section.upgrade section.app .info .info-header .content {
	position: relative;
	z-index: 1;
	font-weight: 500;
	font-size: 30px;
	color: #fff;
	letter-spacing: .25px;
	padding-left: 100px;
	line-height: 154px
}

.view-diamond section.upgrade section.app .info .info-text {
	font-family: "Gotham Book";
	font-size: 28px;
	color: #295666;
	letter-spacing: .28px;
	line-height: 53px;
	padding: 20px 100px;
	max-width: 700px
}

@media(max-width: 1100px) {
	.view-diamond section.upgrade section.app .info .info-text {
		line-height: 30px;
		font-size: 20px
	}
}

@media(max-width: 850px) {
	.view-diamond section.upgrade section.app .screenshot {
		width: calc(100% - 40px);
		margin: 20px;
		border-top-left-radius: 12px
	}

	.view-diamond section.upgrade section.app .info {
		width: 100%;
		top: -30px;
		margin-bottom: -30px;
		margin-top: 0
	}

	.view-diamond section.upgrade section.app .info .info-header {
		margin-top: -5px
	}

	.view-diamond section.upgrade section.app .info .info-header .content {
		max-width: 100%;
		padding: 5px 0 0 50px
	}

	.view-diamond section.upgrade section.app .info .info-text {
		padding: 20px 50px;
		max-width: 100%;
		font-size: 28px;
		line-height: 53px
	}
}

@media(max-width: 475px) {
	.view-diamond section.upgrade section.app .info-header {
		height: 80px !important
	}

	.view-diamond section.upgrade section.app .info-header .content {
		line-height: 80px !important;
		font-size: 20px !important
	}
}

@media(max-width: 400px) {
	.view-diamond section.upgrade section.app .info-header .content {
		font-size: 20px
	}

	.view-diamond section.upgrade section.app .info-header .content img {
		height: 50px
	}
}

.view-diamond section.upgrade section.lists {
	opacity: 0;
	-webkit-transition: opacity .2s .2s;
	transition: opacity .2s .2s
}

.view-diamond section.upgrade section.lists .lists {
	width: 100%;
	max-width: 884px;
	margin: 0 auto;
	padding: 0 50px
}

.view-diamond section.upgrade section.lists .list {
	width: calc(50% - 32px);
	max-width: 360px;
	float: left;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16);
	opacity: 0;
	-webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
	transition: opacity .5s .2s, -webkit-transform .5s .2s;
	transition: opacity .5s .2s, transform .5s .2s;
	transition: opacity .5s .2s, transform .5s .2s, -webkit-transform .5s .2s
}

.view-diamond section.upgrade section.lists .list .price {
	max-width: 250px;
	margin: 0 auto 16px auto;
	border-bottom: 1px solid rgba(41, 86, 102, .15)
}

.view-diamond section.upgrade section.lists .list .price h2 {
	font-weight: bold;
	font-size: 30px;
	letter-spacing: .25px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase
}

.view-diamond section.upgrade section.lists .list .price h3 {
	font-weight: 500;
	font-size: 18px;
	color: #295666;
	letter-spacing: .25px;
	text-align: center;
	margin-bottom: 40px
}

.view-diamond section.upgrade section.lists .list .price h3 strong {
	font-weight: 500;
	font-size: 25px
}

.view-diamond section.upgrade section.lists .list ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 250px;
	display: block
}

.view-diamond section.upgrade section.lists .list ul li {
	font-family: "Gotham Book";
	font-size: 18px;
	color: #c9d4d8;
	letter-spacing: .25px;
	line-height: 32px
}

.view-diamond section.upgrade section.lists .list ul li.checked {
	color: #295666
}

.view-diamond section.upgrade section.lists .list .action-button {
	display: block;
	width: 250px;
	margin: 38px auto 50px auto;
	padding: 3px;
	height: 50px;
	border: 0;
	text-decoration: none
}

.view-diamond section.upgrade section.lists .list .action-button,
.view-diamond section.upgrade section.lists .list .action-button * {
	cursor: pointer
}

.view-diamond section.upgrade section.lists .list .action-button .button-label {
	background: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: .25px;
	text-transform: uppercase;
	-webkit-transition: background .15s, color .15s;
	transition: background .15s, color .15s
}

.view-diamond section.upgrade section.lists .list .action-button:hover .button-label {
	background: rgba(0, 0, 0, 0);
	color: #fff !important
}

.view-diamond section.upgrade section.lists .list:before {
	content: "";
	display: block;
	height: 8px;
	width: 100%
}

.view-diamond section.upgrade section.lists .list.free {
	margin-right: 64px
}

.view-diamond section.upgrade section.lists .list:first-child {
	-webkit-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, 0);
	transform: translate(-100px, 0)
}

.view-diamond section.upgrade section.lists .list:last-child {
	-webkit-transform: translate(100px, 0);
	-ms-transform: translate(100px, 0);
	transform: translate(100px, 0)
}

.view-diamond section.upgrade section.lists.visible {
	opacity: 1
}

.view-diamond section.upgrade section.lists.visible .list {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

@media(max-width: 600px) {
	.view-diamond section.upgrade section.lists .lists {
		padding: 0 25px
	}

	.view-diamond section.upgrade section.lists .list {
		max-width: 100% !important;
		width: 100% !important;
		margin-right: 0 !important
	}
}

.view-diamond section.upgrade section.video {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 64px;
	opacity: 0;
	-webkit-transition: opacity .2s .2s;
	transition: opacity .2s .2s
}

.view-diamond section.upgrade section.video.visible {
	opacity: 1
}

.view-diamond section.upgrade section.video .video-wrapper {
	width: 910px;
	max-width: 100%;
	margin: 0 auto;
	position: relative
}

.view-diamond section.upgrade section.video .video-wrapper .video-inner {
	width: 100%;
	height: 0;
	padding-bottom: 56%
}

.view-diamond section.upgrade section.video .video-wrapper object {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.view-diamond section.upgrade footer {
	text-align: center;
	padding-bottom: 86px
}

.view-diamond section.upgrade footer .section-title {
	color: #fff;
	padding-bottom: 30px
}

.view-diamond section.diamond .upgrade-button .label {
	color: #54d1dd;
	background: -webkit-linear-gradient(135deg, #47f3d4, #5abee1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.view-diamond section.diamond .upgrade-button:after {
	background: url(images/views/diamond/right-arrow-icon-09f05c3a56.svg) center center no-repeat
}

.view-diamond section.diamond section.top {
	background: url(images/views/diamond/diamond-background-be185d065a.png) top center;
	margin-bottom: -50px
}

.view-diamond section.diamond section.top .two-months-free {
	color: #5abde0;
	background: -webkit-linear-gradient(135deg, #47f3d4, #5abee1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.view-diamond section.diamond section.top .diamond {
	display: block;
	max-width: 100%;
	margin: -40px auto auto
}

.view-diamond section.diamond section.features .row:first-child .feature:nth-child(1) {
	background-image: url(images/views/diamond/tools-icon-b2c4fa1dff.svg)
}

.view-diamond section.diamond section.features .row:first-child .feature:nth-child(2) {
	background-image: url(images/views/diamond/unlockers-icon-071c5fbabd.svg)
}

.view-diamond section.diamond section.features .row:last-child .feature:nth-child(1) {
	background-image: url(images/views/diamond/support-icon-815d55c25c.svg)
}

.view-diamond section.diamond section.features .row:last-child .feature:nth-child(2) {
	background-image: url(images/views/diamond/ads-icon-cdb3e07e7c.svg)
}

.view-diamond section.diamond section.app .info .info-header:before {
	background: url(images/views/diamond/app-line-bc083370d3.svg)
}

.view-diamond section.diamond section.app .info .info-header:after {
	background: #e7f5fb
}

.view-diamond section.diamond section.app .info .info-header .content {
	background-image: linear-gradient(135deg, #47f3d4 0%, #5abee1 100%)
}

.view-diamond section.diamond section.lists {
	padding-bottom: 50px
}

.view-diamond section.diamond section.lists .list.free .price h2 {
	color: #eb567b
}

.view-diamond section.diamond section.lists .list.free:before {
	background: #eb567b
}

.view-diamond section.diamond section.lists .list.free li.checked:before {
	background-image: url(images/views/diamond/checkmark-icon-free-982c549eca.svg)
}

.view-diamond section.diamond section.lists .list.free .action-button {
	background-color: #eb567b
}

.view-diamond section.diamond section.lists .list.free .action-button .button-label {
	color: #eb567b
}

.view-diamond section.diamond section.lists .list.pro .price h2 {
	color: #47f3d4;
	background: -webkit-linear-gradient(135deg, #47f3d4, #5abee1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.view-diamond section.diamond section.lists .list.pro:before {
	background-image: linear-gradient(135deg, #47f3d4, #5abee1)
}

.view-diamond section.diamond section.lists .list.pro li.checked:before {
	background-image: url(images/views/diamond/checkmark-icon-pro-f38f4313ed.svg)
}

.view-diamond section.diamond section.lists .list.pro .action-button {
	background-image: linear-gradient(135deg, #47f3d4, #5abee1)
}

.view-diamond section.diamond section.lists .list.pro .action-button .button-label {
	color: #47f3d4
}

.view-diamond section.diamond footer {
	background: url(images/views/diamond/diamond-background-be185d065a.png) center center !important
}

@media(max-width: 375px) {
	.view-diamond section.diamond footer .upgrade-button:after {
		display: none
	}
}

.view-error {
	min-width: 100vw;
	min-height: calc(100vh - 285px);
	padding-top: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.view-error .error-wrapper {
	position: relative
}

.view-error .code {
	font-weight: 700;
	display: inline;
	font-size: 300px;
	color: rgba(255, 255, 255, .25);
	opacity: .25
}

@supports(-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
	.view-error .code {
		background: linear-gradient(228.2deg, #fff 12.98%, #fff 12.98%, rgba(19, 207, 255, 0) 89.25%, #13cfff 89.26%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: rgba(0, 0, 0, 0)
	}
}

.view-error .message-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.view-error .message-wrapper .message {
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	color: rgba(255, 255, 255, .6)
}

.view-error .message-wrapper .message,
.view-error .message-wrapper .message * {
	font-weight: 500
}

@media(max-width: 690px) {
	.view-error .error-wrapper {
		width: 100%;
		padding: 100px 22px
	}

	.view-error .code {
		display: block;
		width: 200px;
		text-align: center;
		font-size: 200px;
		line-height: 175px;
		word-wrap: break-word;
		margin: 0 auto
	}

	.view-error .message-wrapper {
		padding: 22px
	}

	.view-error .message-wrapper .message {
		font-size: 20px;
		line-height: 34px;
		text-align: center
	}
}

.features-view .view-title {
	margin-bottom: 50px
}

.features-view .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -5px
}

.features-view .links a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: rgba(255, 255, 255, .8);
	padding: 4px 12px 4px 33px;
	background: #1a2837 url("images/views/features/link-606944de1e.svg") 12px center no-repeat;
	border-radius: 5px;
	margin: 0 5px 5px 0
}

.features-view .links a:hover {
	background-color: #223548
}

.features-view .links a .hide-mobile {
	display: none
}

@media(max-width: 900px) {
	.features-view .links a.hide-mobile {
		display: none
	}

	.features-view .links a.show-mobile {
		display: inline
	}
}

.features-view .tile {
	margin-top: 40px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%
}

.features-view .tile.games a {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #acff35;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 25px
}

.features-view .tile.games a,
.features-view .tile.games a * {
	cursor: pointer
}

.features-view .tile.games a svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.features-view .tile.games a:disabled {
	opacity: .4;
	cursor: not-allowed
}

.features-view .tile.games a>*+* {
	margin-left: 9px
}

.features-view .tile.games a i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.features-view .tile.games a:hover:not(:disabled) {
	background-color: #acff35
}

.features-view .tile.games a:hover:not(:disabled) {
	color: #1a2837
}

@media(max-width: 900px) {
	.features-view .tile.games a {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px;
		margin-top: 18px
	}
}

.features-view .tile.remote {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	overflow: visible;
	background: #000 linear-gradient(0deg, #709ecf 1px, transparent 50%)
}

.features-view .tile.remote p {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.features-view .tile.remote .remote-animation {
	position: relative;
	padding-top: 121%;
	margin: 0 -80px -43px -50px;
	border-radius: 20px;
	overflow: hidden
}

.features-view .tile.remote img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.features-view .tile.remote .slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 25%;
	bottom: 0;
	margin-bottom: 36.5%;
	width: 50%;
	padding-top: 5%;
	height: 0
}

.features-view .tile.remote .slider .value {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 8%
}

.features-view .tile.remote .slider .value:before {
	content: "";
	font-weight: 900;
	color: #fff;
	-webkit-animation: slider-count 3s linear infinite alternate;
	animation: slider-count 3s linear infinite alternate
}

.features-view .tile.remote .slider .progress {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 2.59%;
	background: rgba(255, 255, 255, .1);
	border-radius: 99px;
	position: relative
}

.features-view .tile.remote .slider .progress:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(225deg, #0bf2f6 0%, #13cfff 100%);
	-webkit-animation: slider-progress 3s linear infinite alternate;
	animation: slider-progress 3s linear infinite alternate
}

.features-view .tile.remote .slider .progress:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	-webkit-animation: slider-handle 3s linear infinite alternate;
	animation: slider-handle 3s linear infinite alternate;
	top: 50%;
	margin-top: -2.5%;
	margin-left: -2.5%;
	width: 5%;
	padding-top: 5%;
	border-radius: 99px;
	background: #fff
}

@media(max-width: 900px) {
	.features-view .tile.remote .remote-animation {
		margin: 30px -64px -27px -38px
	}
}

.features-view .tile.detection .detection-animation {
	height: 150px;
	position: relative;
	overflow: hidden;
	margin: 0 -50px -43px -50px
}

.features-view .tile.detection .detection-animation .lines {
	width: 100%;
	height: 100%
}

.features-view .tile.detection .detection-animation .lines div {
	background: rgba(255, 255, 255, .15);
	border-radius: 99px;
	padding: 3px 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 100%;
	-webkit-animation-name: detection-line;
	animation-name: detection-line;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.features-view .tile.detection .detection-animation .lines div span {
	background: rgba(255, 255, 255, .15);
	height: 2px
}

.features-view .tile.detection .detection-animation .lines div span.highlight {
	background: rgba(255, 255, 255, .3)
}

.features-view .tile.detection .detection-animation .lines div span+span {
	margin-left: 2px
}

.features-view .tile.detection .detection-animation .meta {
	position: absolute;
	left: 50%;
	top: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.features-view .tile.detection .detection-animation .meta .path {
	position: relative;
	border: 3px solid #00f3a2;
	border-radius: 99px;
	height: 29px;
	padding: 3px 6px;
	background: #000
}

.features-view .tile.detection .detection-animation .meta .path .text {
	text-align: center;
	overflow: hidden;
	height: 23px;
	-webkit-animation: detection-path-width 4s linear infinite;
	animation: detection-path-width 4s linear infinite
}

.features-view .tile.detection .detection-animation .meta .path .text span {
	display: block;
	font-weight: 600;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 2px;
	color: #00f3a2;
	white-space: nowrap;
	-webkit-animation: detection-path-text 4s linear infinite;
	animation: detection-path-text 4s linear infinite
}

.features-view .tile.detection .detection-animation .meta .path .text span:nth-child(2) {
	margin-top: -17px;
	-webkit-animation-delay: -2s;
	animation-delay: -2s
}

.features-view .tile.detection .detection-animation .meta .arrow {
	margin: 0 10px;
	width: 12px;
	height: 11px
}

.features-view .tile.detection .detection-animation .meta .platforms {
	width: 24px;
	height: 24px;
	position: relative
}

.features-view .tile.detection .detection-animation .meta .platforms img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-animation: detection-platform 10s linear infinite both;
	animation: detection-platform 10s linear infinite both
}

.features-view .tile.detection .detection-animation .meta .platforms img:nth-child(1) {
	-webkit-animation-delay: -1.6666666667s;
	animation-delay: -1.6666666667s
}

.features-view .tile.detection .detection-animation .meta .platforms img:nth-child(2) {
	-webkit-animation-delay: -3.3333333333s;
	animation-delay: -3.3333333333s
}

.features-view .tile.detection .detection-animation .meta .platforms img:nth-child(3) {
	-webkit-animation-delay: -5s;
	animation-delay: -5s
}

.features-view .tile.detection .detection-animation .meta .platforms img:nth-child(4) {
	-webkit-animation-delay: -6.6666666667s;
	animation-delay: -6.6666666667s
}

.features-view .tile.detection .detection-animation .meta .platforms img:nth-child(5) {
	-webkit-animation-delay: -8.3333333333s;
	animation-delay: -8.3333333333s
}

.features-view .tile.detection .detection-animation .meta .platforms img:nth-child(6) {
	-webkit-animation-delay: -10s;
	animation-delay: -10s
}

.features-view .tile.interactive {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-bottom: 0
}

.features-view .tile.interactive:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(247.39deg, #fff 0%, rgba(19, 207, 255, 0.5) 35%, rgba(19, 207, 255, 0) 70%);
	opacity: .3
}

.features-view .tile.interactive .left,
.features-view .tile.interactive .right {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0
}

.features-view .tile.interactive .right {
	padding-left: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.features-view .tile.interactive .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.features-view .tile.interactive .content {
	max-width: 490px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.features-view .tile.interactive .x-save-cheats-toggle {
	margin: 37px 0
}

.features-view .tile.interactive h2.mobile-title {
	display: none
}

.features-view .tile.interactive .example-cheats {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.features-view .tile.safety a {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #4b63fb;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 30px
}

.features-view .tile.safety a,
.features-view .tile.safety a * {
	cursor: pointer
}

.features-view .tile.safety a svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.features-view .tile.safety a:disabled {
	opacity: .4;
	cursor: not-allowed
}

.features-view .tile.safety a>*+* {
	margin-left: 9px
}

.features-view .tile.safety a i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.features-view .tile.safety a:hover:not(:disabled) {
	background-color: #4b63fb
}

.features-view .tile.safety a img {
	width: 16px;
	height: 15px
}

.features-view .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.features-view .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 50%
}

.features-view .col+.col {
	margin-left: 40px
}

.features-view .platform-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 28px
}

.features-view .platform-list img {
	width: 22px;
	height: 22px;
	opacity: .5
}

.features-view .platform-list img+img {
	margin-left: 30px
}

@media(max-width: 900px) {
	.features-view .view-title {
		margin-bottom: 33px
	}

	.features-view .links {
		margin-bottom: 10px
	}

	.features-view .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.features-view .row .col {
		width: 100%
	}

	.features-view .col+.col {
		margin-left: 0
	}

	.features-view .tile {
		margin-top: 20px
	}

	.features-view .tile.interactive {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 0
	}

	.features-view .tile.interactive .right {
		padding-left: 0;
		margin-top: 30px
	}

	.features-view .tile.interactive .right h2,
	.features-view .tile.interactive .right p {
		margin-left: 0
	}

	.features-view .tile.interactive .right p {
		padding-bottom: 0
	}

	.features-view .tile.interactive .x-save-cheats-toggle {
		display: none
	}

	.features-view .tile.interactive h2.desktop-title {
		display: none
	}

	.features-view .tile.interactive h2.mobile-title {
		display: block
	}

	.features-view .tile.favorite-platforms {
		background: #000 -webkit-gradient(linear, left bottom, left top, from(rgba(2, 152, 193, 0.55)), color-stop(50%, transparent));
		background: #000 linear-gradient(0deg, rgba(2, 152, 193, 0.55) 0%, transparent 50%)
	}
}

@-webkit-keyframes slider-count {
	0% {
		content: "0"
	}

	1% {
		content: "1"
	}

	2% {
		content: "2"
	}

	3% {
		content: "3"
	}

	4% {
		content: "4"
	}

	5% {
		content: "5"
	}

	6% {
		content: "6"
	}

	7% {
		content: "7"
	}

	8% {
		content: "8"
	}

	9% {
		content: "9"
	}

	10% {
		content: "10"
	}

	11% {
		content: "11"
	}

	12% {
		content: "12"
	}

	13% {
		content: "13"
	}

	14% {
		content: "14"
	}

	15% {
		content: "15"
	}

	16% {
		content: "16"
	}

	17% {
		content: "17"
	}

	18% {
		content: "18"
	}

	19% {
		content: "19"
	}

	20% {
		content: "20"
	}

	21% {
		content: "21"
	}

	22% {
		content: "22"
	}

	23% {
		content: "23"
	}

	24% {
		content: "24"
	}

	25% {
		content: "25"
	}

	26% {
		content: "26"
	}

	27% {
		content: "27"
	}

	28% {
		content: "28"
	}

	29% {
		content: "29"
	}

	30% {
		content: "30"
	}

	31% {
		content: "31"
	}

	32% {
		content: "32"
	}

	33% {
		content: "33"
	}

	34% {
		content: "34"
	}

	35% {
		content: "35"
	}

	36% {
		content: "36"
	}

	37% {
		content: "37"
	}

	38% {
		content: "38"
	}

	39% {
		content: "39"
	}

	40% {
		content: "40"
	}

	41% {
		content: "41"
	}

	42% {
		content: "42"
	}

	43% {
		content: "43"
	}

	44% {
		content: "44"
	}

	45% {
		content: "45"
	}

	46% {
		content: "46"
	}

	47% {
		content: "47"
	}

	48% {
		content: "48"
	}

	49% {
		content: "49"
	}

	50% {
		content: "50"
	}

	51% {
		content: "51"
	}

	52% {
		content: "52"
	}

	53% {
		content: "53"
	}

	54% {
		content: "54"
	}

	55% {
		content: "55"
	}

	56% {
		content: "56"
	}

	57% {
		content: "57"
	}

	58% {
		content: "58"
	}

	59% {
		content: "59"
	}

	60% {
		content: "60"
	}

	61% {
		content: "61"
	}

	62% {
		content: "62"
	}

	63% {
		content: "63"
	}

	64% {
		content: "64"
	}

	65% {
		content: "65"
	}

	66% {
		content: "66"
	}

	67% {
		content: "67"
	}

	68% {
		content: "68"
	}

	69% {
		content: "69"
	}

	70% {
		content: "70"
	}

	71% {
		content: "71"
	}

	72% {
		content: "72"
	}

	73% {
		content: "73"
	}

	74% {
		content: "74"
	}

	75% {
		content: "75"
	}

	76% {
		content: "76"
	}

	77% {
		content: "77"
	}

	78% {
		content: "78"
	}

	79% {
		content: "79"
	}

	80% {
		content: "80"
	}

	81% {
		content: "81"
	}

	82% {
		content: "82"
	}

	83% {
		content: "83"
	}

	84% {
		content: "84"
	}

	85% {
		content: "85"
	}

	86% {
		content: "86"
	}

	87% {
		content: "87"
	}

	88% {
		content: "88"
	}

	89% {
		content: "89"
	}

	90% {
		content: "90"
	}

	91% {
		content: "91"
	}

	92% {
		content: "92"
	}

	93% {
		content: "93"
	}

	94% {
		content: "94"
	}

	95% {
		content: "95"
	}

	96% {
		content: "96"
	}

	97% {
		content: "97"
	}

	98% {
		content: "98"
	}

	99% {
		content: "99"
	}

	100% {
		content: "99"
	}
}

@keyframes slider-count {
	0% {
		content: "0"
	}

	1% {
		content: "1"
	}

	2% {
		content: "2"
	}

	3% {
		content: "3"
	}

	4% {
		content: "4"
	}

	5% {
		content: "5"
	}

	6% {
		content: "6"
	}

	7% {
		content: "7"
	}

	8% {
		content: "8"
	}

	9% {
		content: "9"
	}

	10% {
		content: "10"
	}

	11% {
		content: "11"
	}

	12% {
		content: "12"
	}

	13% {
		content: "13"
	}

	14% {
		content: "14"
	}

	15% {
		content: "15"
	}

	16% {
		content: "16"
	}

	17% {
		content: "17"
	}

	18% {
		content: "18"
	}

	19% {
		content: "19"
	}

	20% {
		content: "20"
	}

	21% {
		content: "21"
	}

	22% {
		content: "22"
	}

	23% {
		content: "23"
	}

	24% {
		content: "24"
	}

	25% {
		content: "25"
	}

	26% {
		content: "26"
	}

	27% {
		content: "27"
	}

	28% {
		content: "28"
	}

	29% {
		content: "29"
	}

	30% {
		content: "30"
	}

	31% {
		content: "31"
	}

	32% {
		content: "32"
	}

	33% {
		content: "33"
	}

	34% {
		content: "34"
	}

	35% {
		content: "35"
	}

	36% {
		content: "36"
	}

	37% {
		content: "37"
	}

	38% {
		content: "38"
	}

	39% {
		content: "39"
	}

	40% {
		content: "40"
	}

	41% {
		content: "41"
	}

	42% {
		content: "42"
	}

	43% {
		content: "43"
	}

	44% {
		content: "44"
	}

	45% {
		content: "45"
	}

	46% {
		content: "46"
	}

	47% {
		content: "47"
	}

	48% {
		content: "48"
	}

	49% {
		content: "49"
	}

	50% {
		content: "50"
	}

	51% {
		content: "51"
	}

	52% {
		content: "52"
	}

	53% {
		content: "53"
	}

	54% {
		content: "54"
	}

	55% {
		content: "55"
	}

	56% {
		content: "56"
	}

	57% {
		content: "57"
	}

	58% {
		content: "58"
	}

	59% {
		content: "59"
	}

	60% {
		content: "60"
	}

	61% {
		content: "61"
	}

	62% {
		content: "62"
	}

	63% {
		content: "63"
	}

	64% {
		content: "64"
	}

	65% {
		content: "65"
	}

	66% {
		content: "66"
	}

	67% {
		content: "67"
	}

	68% {
		content: "68"
	}

	69% {
		content: "69"
	}

	70% {
		content: "70"
	}

	71% {
		content: "71"
	}

	72% {
		content: "72"
	}

	73% {
		content: "73"
	}

	74% {
		content: "74"
	}

	75% {
		content: "75"
	}

	76% {
		content: "76"
	}

	77% {
		content: "77"
	}

	78% {
		content: "78"
	}

	79% {
		content: "79"
	}

	80% {
		content: "80"
	}

	81% {
		content: "81"
	}

	82% {
		content: "82"
	}

	83% {
		content: "83"
	}

	84% {
		content: "84"
	}

	85% {
		content: "85"
	}

	86% {
		content: "86"
	}

	87% {
		content: "87"
	}

	88% {
		content: "88"
	}

	89% {
		content: "89"
	}

	90% {
		content: "90"
	}

	91% {
		content: "91"
	}

	92% {
		content: "92"
	}

	93% {
		content: "93"
	}

	94% {
		content: "94"
	}

	95% {
		content: "95"
	}

	96% {
		content: "96"
	}

	97% {
		content: "97"
	}

	98% {
		content: "98"
	}

	99% {
		content: "99"
	}

	100% {
		content: "99"
	}
}

@-webkit-keyframes slider-handle {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

@keyframes slider-handle {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

@-webkit-keyframes slider-progress {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes slider-progress {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

@-webkit-keyframes detection-line {
	0% {
		left: 100%;
		opacity: 0
	}

	10%,
	90% {
		opacity: 1
	}

	100% {
		left: -100%;
		opacity: 0
	}
}

@keyframes detection-line {
	0% {
		left: 100%;
		opacity: 0
	}

	10%,
	90% {
		opacity: 1
	}

	100% {
		left: -100%;
		opacity: 0
	}
}

@-webkit-keyframes detection-path-text {

	0%,
	40% {
		opacity: 1
	}

	50%,
	90% {
		opacity: 0
	}
}

@keyframes detection-path-text {

	0%,
	40% {
		opacity: 1
	}

	50%,
	90% {
		opacity: 0
	}
}

@-webkit-keyframes detection-path-width {

	0%,
	45% {
		width: 81px
	}

	50%,
	95% {
		width: 176px
	}

	100% {
		width: 81px
	}
}

@keyframes detection-path-width {

	0%,
	45% {
		width: 81px
	}

	50%,
	95% {
		width: 176px
	}

	100% {
		width: 81px
	}
}

@-webkit-keyframes detection-platform {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	5%,
	11.6666666667% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	16.6666666667% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@keyframes detection-platform {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	5%,
	11.6666666667% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	16.6666666667% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

.feedback-view .view-title {
	margin-bottom: 50px
}

.feedback-view .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -5px
}

.feedback-view .links a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: rgba(255, 255, 255, .8);
	padding: 4px 12px 4px 33px;
	background: #1a2837 url("images/views/features/link-606944de1e.svg") 12px center no-repeat;
	border-radius: 5px;
	margin: 0 5px 5px 0
}

.feedback-view .links a:hover {
	background-color: #223548
}

.feedback-view .links a .hide-mobile {
	display: none
}

@media(max-width: 900px) {
	.feedback-view .links a.hide-mobile {
		display: none
	}

	.feedback-view .links a.show-mobile {
		display: inline
	}
}

.feedback-view h2 {
	font-size: 35px;
	line-height: 40px;
	margin: 0;
	color: #fff;
	margin: 40px 0
}

.feedback-view .feedback-items {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px
}

.feedback-view .feedback-item {
	margin-bottom: 40px;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

.feedback-view .user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 16px
}

.feedback-view .user .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 14px
}

.feedback-view .user .col {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.feedback-view .user .username {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #fff
}

.feedback-view .user .date {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .35)
}

@media(max-width: 900px) {
	.feedback-view h2 {
		font-size: 30px;
		line-height: 36px;
		margin: 0;
		margin: 40px 0
	}
}

@media(max-width: 768px) {
	.feedback-view .feedback-items {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1
	}
}

.games-view section.top .view-title {
	margin-bottom: 27px
}

.games-view section.top h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 30px 0
}

.games-view section.top h2 strong {
	font-weight: 700;
	color: #acff35
}

.games-view .disabled {
	display: none
}

.featured-thumbnails-inner a {

}

.games-view .featured-thumbnails-outer {
	overflow: hidden;
	margin: -90px 0 -120px 0;
	height: 400px
}

.games-view .featured-thumbnails-wrapper {
	position: relative;
	height: 180px
}

.games-view .featured-thumbnails-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: games-thumbnails-scroll 80s infinite linear;
	animation: games-thumbnails-scroll 80s infinite linear;
	will-change: translate
}

.games-view .featured-thumbnails-inner.paused {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.games-view .featured-thumbnails {
	position: absolute;
	left: 50%;
	top: 50%;
	padding-top: 30px
}

.games-view .featured-thumbnails a {
	border-radius: 10px;
	overflow: hidden;
	width: 258px;
	height: 120px;
	background: rgba(255, 255, 255, .1) center/cover no-repeat;
	position: relative;
	margin-left: 30px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 258px;
	flex: 0 0 258px;
	-webkit-transition: -webkit-box-shadow .15s;
	transition: -webkit-box-shadow .15s;
	transition: box-shadow .15s;
	transition: box-shadow .15s, -webkit-box-shadow .15s
}

.games-view .featured-thumbnails a:nth-child(1) {
	margin-top: -10px
}

.games-view .featured-thumbnails a:nth-child(2) {
	margin-top: -20px
}

.games-view .featured-thumbnails a:nth-child(3) {
	margin-top: -30px
}

.games-view .featured-thumbnails a:nth-child(4) {
	margin-top: -40px
}

.games-view .featured-thumbnails a:nth-child(5) {
	margin-top: -50px
}

.games-view .featured-thumbnails a:nth-child(6) {
	margin-top: -60px
}

.games-view .featured-thumbnails a:nth-child(7) {
	margin-top: -70px
}

.games-view .featured-thumbnails a:nth-child(8) {
	margin-top: -80px
}

.games-view .featured-thumbnails a:nth-child(9) {
	margin-top: -90px
}

.games-view .featured-thumbnails a:nth-child(10) {
	margin-top: -100px
}

.games-view .featured-thumbnails a:nth-child(11) {
	margin-top: -110px
}

.games-view .featured-thumbnails a:nth-child(12) {
	margin-top: -120px
}

.games-view .featured-thumbnails a:nth-child(13) {
	margin-top: -130px
}

.games-view .featured-thumbnails a:nth-child(14) {
	margin-top: -140px
}

.games-view .featured-thumbnails a:nth-child(15) {
	margin-top: -150px
}

.games-view .featured-thumbnails a:nth-child(16) {
	margin-top: -160px
}

.games-view .featured-thumbnails a:nth-child(17) {
	margin-top: -170px
}

.games-view .featured-thumbnails a:nth-child(18) {
	margin-top: -180px
}

.games-view .featured-thumbnails a:nth-child(19) {
	margin-top: -190px
}

.games-view .featured-thumbnails a:nth-child(20) {
	margin-top: -200px
}

.games-view .featured-thumbnails a:hover {
	-webkit-box-shadow: inset 0 0 0 1px #acff35;
	box-shadow: inset 0 0 0 1px #acff35
}

.games-view .featured-thumbnails img {
	width: 100%;
	height: 100%
}

.games-view .search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 60px 0
}

.games-view .search-form .input-wrapper {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 595px
}

.games-view .search-form .input-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 43px;
	height: 43px;
	background: url("images/icons/search-367b0fbee8.svg") center no-repeat;
	opacity: .5;
	pointer-events: none
}

.games-view .search-form input {
	height: 43px;
	background: #1a2837;
	border: 1px solid #1a2837;
	padding: 0 14px;
	border-radius: 5px;
	caret-color: #acff35;
	cursor: text;
	-webkit-appearance: none;
	border-radius: 99px;
	padding-left: 43px;
	width: 100%
}

.games-view .search-form input,
.games-view .search-form input::-webkit-input-placeholder {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .8);
	line-height: 43px
}

.games-view .search-form input,
.games-view .search-form input::-moz-placeholder {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .8);
	line-height: 43px
}

.games-view .search-form input,
.games-view .search-form input::-ms-input-placeholder {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .8);
	line-height: 43px
}

.games-view .search-form input,
.games-view .search-form input::placeholder {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .8);
	line-height: 43px
}

.games-view .search-form input::-webkit-search-cancel-button {
	width: 43px;
	height: 43px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("images/icons/close-27dac865aa.svg") center no-repeat;
	-webkit-appearance: none;
	cursor: pointer
}

.games-view .search-form input:focus {
	background: #000
}

.games-view .search-form input:focus,
.games-view .search-form input:focus::-webkit-input-placeholder {
	color: #fff
}

.games-view .search-form input:focus,
.games-view .search-form input:focus::-moz-placeholder {
	color: #fff
}

.games-view .search-form input:focus,
.games-view .search-form input:focus::-ms-input-placeholder {
	color: #fff
}

.games-view .search-form input:focus,
.games-view .search-form input:focus::placeholder {
	color: #fff
}

.games-view .search-form button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #acff35;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-left: 10px
}

.games-view .search-form button,
.games-view .search-form button * {
	cursor: pointer
}

.games-view .search-form button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.games-view .search-form button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.games-view .search-form button>*+* {
	margin-left: 9px
}

.games-view .search-form button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.games-view .search-form button:hover:not(:disabled) {
	background-color: #acff35
}

.games-view .search-form button:hover:not(:disabled) {
	color: #1a2837
}

.games-view .sort-options {
	padding: 5px;
	border-radius: 10px;
	background: #1a2837;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	left: 30px;
	top: -25px
}

.games-view .sort-options a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	border-radius: 5px;
	color: rgba(255, 255, 255, .8);
	border: 0;
	text-decoration: none;
	padding: 4px 12px
}

.games-view .sort-options a.current {
	background: #fff;
	color: #1a2837
}

.games-view .sort-options a:not(.current):hover {
	background: rgba(255, 255, 255, .05)
}

.games-view .sort-options a+a {
	margin-left: 5px
}

.games-view .search-results {
	-webkit-transform: translateZ();
	transform: translateZ()
}

.games-view .search-results .results-list {
	padding: 10px;
	border-radius: 10px;
	background: url("images/views/games/results-gradient-e9414105e7.svg") top left/100% repeat-y;
	margin-left: -10px;
	margin-right: -10px
}

.games-view .search-results .no-results-message {
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	padding: 15px
}

.games-view .search-results .alpha-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px 0;
	margin-top: -10px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	position: sticky;
	top: 99px;
	background: #11171d url("images/views/games/results-gradient-e9414105e7.svg") top left/100% repeat-y;
	z-index: 1
}

.games-view .search-results .alpha-nav a {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .45);
	text-transform: uppercase
}

.games-view .search-results .alpha-nav a:hover {
	color: #fff
}

.games-view .search-results header {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	color: rgba(255, 255, 255, .45);
	margin-bottom: 15px
}

.games-view section.bottom {
	position: relative
}

@media(max-width: 900px) {
	.games-view .view-title section.top {
		margin-bottom: 15px
	}

	.games-view .view-title h2 {
		font-size: 20px;
		line-height: 34px
	}

	.games-view .featured-thumbnails-outer {
		height: 134px;
		margin: -30px 0
	}

	.games-view .featured-thumbnails-wrapper {
		height: 74px;
		top: 36px
	}

	.games-view .featured-thumbnails-inner {
		-webkit-animation-name: games-thumbnails-mobile-scroll;
		animation-name: games-thumbnails-mobile-scroll
	}

	.games-view .featured-thumbnails a {
		width: 129px;
		height: 60px;
		margin-left: 20px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 129px;
		flex: 0 0 129px
	}

	.games-view .featured-thumbnails a:nth-child(1) {
		margin-top: -7px
	}

	.games-view .featured-thumbnails a:nth-child(2) {
		margin-top: -14px
	}

	.games-view .featured-thumbnails a:nth-child(3) {
		margin-top: -21px
	}

	.games-view .featured-thumbnails a:nth-child(4) {
		margin-top: -28px
	}

	.games-view .featured-thumbnails a:nth-child(5) {
		margin-top: -35px
	}

	.games-view .featured-thumbnails a:nth-child(6) {
		margin-top: -42px
	}

	.games-view .featured-thumbnails a:nth-child(7) {
		margin-top: -49px
	}

	.games-view .featured-thumbnails a:nth-child(8) {
		margin-top: -56px
	}

	.games-view .featured-thumbnails a:nth-child(9) {
		margin-top: -63px
	}

	.games-view .featured-thumbnails a:nth-child(10) {
		margin-top: -70px
	}

	.games-view .featured-thumbnails a:nth-child(11) {
		margin-top: -77px
	}

	.games-view .featured-thumbnails a:nth-child(12) {
		margin-top: -84px
	}

	.games-view .featured-thumbnails a:nth-child(13) {
		margin-top: -91px
	}

	.games-view .featured-thumbnails a:nth-child(14) {
		margin-top: -98px
	}

	.games-view .featured-thumbnails a:nth-child(15) {
		margin-top: -105px
	}

	.games-view .featured-thumbnails a:nth-child(16) {
		margin-top: -112px
	}

	.games-view .featured-thumbnails a:nth-child(17) {
		margin-top: -119px
	}

	.games-view .featured-thumbnails a:nth-child(18) {
		margin-top: -126px
	}

	.games-view .featured-thumbnails a:nth-child(19) {
		margin-top: -133px
	}

	.games-view .featured-thumbnails a:nth-child(20) {
		margin-top: -140px
	}

	.games-view .search-form {
		margin-bottom: 82px
	}

	.games-view .search-form .input-wrapper {
		max-width: 100%
	}

	.games-view .search-results header {
		display: none !important
	}

	.games-view .search-results .alpha-nav {
		display: none
	}

	.games-view .search-results .results-list {
		margin-left: -20px;
		margin-right: -20px
	}

	.games-view .sort-options {
		top: -62px
	}
}

@media(max-width: 350px) {
	.games-view .sort-options a {
		font-size: 14px;
		line-height: 22px
	}
}

@-webkit-keyframes games-thumbnails-scroll {
	from {
		-webkit-transform: translate3d(-25%, -50px, 0);
		transform: translate3d(-25%, -50px, 0)
	}

	to {
		-webkit-transform: translate3d(-75%, 50px, 0);
		transform: translate3d(-75%, 50px, 0)
	}
}

@keyframes games-thumbnails-scroll {
	from {
		-webkit-transform: translate3d(-25%, -50px, 0);
		transform: translate3d(-25%, -50px, 0)
	}

	to {
		-webkit-transform: translate3d(-75%, 50px, 0);
		transform: translate3d(-75%, 50px, 0)
	}
}

@-webkit-keyframes games-thumbnails-mobile-scroll {
	from {
		-webkit-transform: translate3d(-25%, -35px, 0);
		transform: translate3d(-25%, -35px, 0)
	}

	to {
		-webkit-transform: translate3d(-75%, 35px, 0);
		transform: translate3d(-75%, 35px, 0)
	}
}

@keyframes games-thumbnails-mobile-scroll {
	from {
		-webkit-transform: translate3d(-25%, -35px, 0);
		transform: translate3d(-25%, -35px, 0)
	}

	to {
		-webkit-transform: translate3d(-75%, 35px, 0);
		transform: translate3d(-75%, 35px, 0)
	}
}

.view-homepage {
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.view-homepage .homepage-section-wrapper {
	width: 100%;
	max-width: 1270px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative
}

@media(max-width: 480px) {
	.view-homepage .homepage-section-wrapper {
		max-width: 1254px;
		padding: 0 22px
	}
}

.view-homepage .homepage-section-inner {
	position: relative
}

.view-homepage .tile {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0
}

.view-homepage h1,
.view-homepage h2 {
	font-weight: 700;
	font-size: 64px;
	line-height: 68px;
	margin: 0;
	color: #fff
}

.view-homepage h1 em,
.view-homepage h2 em {
	font-style: normal
}

.view-homepage h1.blue em,
.view-homepage h2.blue em {
	color: #13cfff;
	background: -webkit-linear-gradient(225deg, #0bf2f6 0%, #13cfff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.view-homepage h1.lime em,
.view-homepage h2.lime em {
	color: #acff35
}

.view-homepage h1.trustpilot em,
.view-homepage h2.trustpilot em {
	color: #00f3a2;
	white-space: nowrap
}

@media(max-width: 900px) {

	.view-homepage h1,
	.view-homepage h2 {
		font-size: 35px;
		line-height: 40px;
		margin: 0
	}

	.view-homepage h1 br,
	.view-homepage h2 br {
		display: none
	}
}

.view-homepage .section-top {
	position: relative;
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}

.view-homepage .section-top .top-upper {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	padding-top: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.view-homepage .section-top .video-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5
}

.view-homepage .section-top video {
	z-index: -1;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0
}

.view-homepage .section-top video::-webkit-media-controls-enclosure {
	display: none
}

.view-homepage .section-top .top-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0
}

.view-homepage .section-top .after-download .share-buttons {
	margin: 22px 0 24px 0
}

.view-homepage .section-top .after-download .share-buttons .button {
	margin-right: 15px;
	float: left;
	border-radius: 5px
}

.view-homepage .section-top .after-download .share-buttons .button a,
.view-homepage .section-top .after-download .share-buttons .button div {
	color: #fff
}

.view-homepage .section-top .after-download .share-buttons .fb_iframe_widget {
	float: left
}

.view-homepage .section-top .title {
	color: #fff;
	margin-bottom: 27px
}

.view-homepage .section-top .message {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: rgba(255, 255, 255, .7);
	margin: 0;
	width: 90%
}

.view-homepage .section-top .info {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 600px;
	flex: 0 0 600px;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	will-change: opacity
}

.view-homepage .section-top .actions {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 32px
}

.view-homepage .section-top .download-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	background: #13cfff;
	color: #000;
	padding-left: 17px
}

.view-homepage .section-top .download-button,
.view-homepage .section-top .download-button * {
	cursor: pointer
}

.view-homepage .section-top .download-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.view-homepage .section-top .download-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.view-homepage .section-top .download-button>*+* {
	margin-left: 9px
}

.view-homepage .section-top .download-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.view-homepage .section-top .download-button:hover:not(:disabled) {
	background-color: #13cfff
}

.view-homepage .section-top .download-button svg * {
	fill: #000
}

.view-homepage .section-top .download-button:hover:not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(19, 207, 255, .1);
	box-shadow: 0 0 15px rgba(19, 207, 255, .1)
}

.view-homepage .section-top .download-button span {
	margin-left: 15px
}

.view-homepage .section-top .no-download {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.view-homepage .section-top .no-download .platform-message {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	padding: 6px 12px;
	background: linear-gradient(247.39deg, rgba(255, 255, 255, 0.15) 0%, rgba(19, 207, 255, 0.06) 70.59%);
	-webkit-backdrop-filter: blur;
	backdrop-filter: blur;
	color: rgba(255, 255, 255, .7);
	border-radius: 5px;
	display: inline-block
}

.view-homepage .section-top .no-download .platform-message em {
	font-style: normal;
	color: #fff
}

.view-homepage .section-top .no-download .platform-message a {
	color: #13cfff;
	text-decoration: none;
	-webkit-transition: color .15s;
	transition: color .15s
}

.view-homepage .section-top .no-download .platform-message a:hover {
	color: #fff
}

.view-homepage .section-top .download-message {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	margin-top: 10px;
	color: rgba(255, 255, 255, .7)
}

.view-homepage .section-top .download-message a {
	color: #0bf2f6;
	text-decoration: none;
	-webkit-transition: color .15s;
	transition: color .15s
}

.view-homepage .section-top .download-message a:hover {
	color: #fff
}

.view-homepage .section-top .trustpilot-rating {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px
}

.view-homepage .section-top .trustpilot-rating img {
	margin-right: 10px
}

.view-homepage .section-top .trustpilot-rating span {
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

.view-homepage .section-top .trustpilot-rating:hover span {
	text-decoration: underline
}

.view-homepage .section-top .video-button {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: 0;
	padding: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
	color: #fff
}

.view-homepage .section-top .video-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 2px solid #13cfff;
	margin-right: 13px
}

.view-homepage .section-top .video-button i svg {
	margin-left: 1px
}

.view-homepage .section-top .video-button i svg * {
	fill: #13cfff
}

.view-homepage .section-top .video-button:hover {
	color: #13cfff
}

.view-homepage .section-top .mobile-screenshots {
	display: none;
	position: relative;
	width: 100%
}

.view-homepage .section-top .mobile-screenshots svg {
	position: absolute;
	pointer-events: none
}

.view-homepage .section-top .mobile-screenshots .bg {
	-webkit-clip-path: url("#mobile-clip-path");
	clip-path: url("#mobile-clip-path");
	-webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px)
}

.view-homepage .section-top .mobile-screenshots .bg img {
	width: 100%;
	height: 100%
}

.view-homepage .section-top .mobile-screenshots .screenshots-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.view-homepage .section-top .mobile-screenshots .screenshot {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: top left/contain no-repeat;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.view-homepage .section-top .screenshots {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
}

.view-homepage .section-top .screenshots .bg {
	-webkit-clip-path: url("#desktop-clip-path");
	clip-path: url("#desktop-clip-path");
	-webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px)
}

.view-homepage .section-top .screenshots .bg img {
	width: 100%;
	height: 100%;
	float: left
}

.view-homepage .section-top .screenshots .screenshots-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.view-homepage .section-top .screenshots .screenshot {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	image-rendering: -webkit-optimize-contrast;
	background: top left/contain no-repeat;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.view-homepage .section-top .screenshots .screenshot svg {
	position: absolute
}

.view-homepage .section-top .screenshots svg {
	position: absolute
}

.view-homepage .section-top .scroll-down {
	-webkit-animation: scroll-down-bounce 1s ease-in-out infinite;
	animation: scroll-down-bounce 1s ease-in-out infinite;
	-webkit-transition: bottom .15s;
	transition: bottom .15s;
	pointer-events: none;
	position: fixed;
	bottom: 0;
	margin-bottom: 45px;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	visibility: hidden
}

.view-homepage .section-top .scroll-down img {
	opacity: .6;
	width: 17px;
	height: 26px
}

.view-homepage .section-top .scroll-down span {
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, .6);
	margin-left: 12px
}

.view-homepage .section-top .scroll-down.hide {
	display: none
}

@media(max-height: 870px) {
	.view-homepage .section-top .scroll-down {
		display: none
	}
}

@media(max-width: 900px) {
	.view-homepage .section-top .top-upper {
		padding-top: 70px
	}

	.view-homepage .section-top .info {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 380px;
		flex: 0 0 380px
	}

	.view-homepage .section-top .before-download h1 br {
		display: inline-block
	}
}

@media(max-width: 700px) {
	.view-homepage .section-top h1 {
		text-align: center
	}

	.view-homepage .section-top .message {
		font-size: 20px;
		line-height: 34px;
		width: 100%
	}

	.view-homepage .section-top .info {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}

	.view-homepage .section-top .info,
	.view-homepage .section-top .info .before-download,
	.view-homepage .section-top .info .after-download {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.view-homepage .section-top .info h1 {
		margin-bottom: 15px
	}

	.view-homepage .section-top .info p {
		margin-bottom: 30px;
		text-align: center
	}

	.view-homepage .section-top .info .download-message {
		text-align: center
	}

	.view-homepage .section-top .scroll-down {
		display: none
	}
}

.view-homepage .top-footer {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 39px 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#1a2837), to(#11171d));
	background: linear-gradient(180deg, #1a2837, #11171d)
}

.view-homepage .top-footer,
.view-homepage .top-footer a {
	color: rgba(255, 255, 255, .6)
}

.view-homepage .top-footer .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	text-align: center
}

.view-homepage .top-footer .wrapper>* {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.view-homepage .top-footer .wrapper>*+*:before {
	content: "·";
	display: inline-block;
	margin: 0 16px
}

.view-homepage .top-footer .wrapper a:hover span {
	text-decoration: underline
}

.view-homepage .top-footer em {
	font-style: normal;
	color: #fff
}

.view-homepage .top-footer .rating {
	color: #00f3a2
}

.view-homepage .top-footer img {
	margin: 0 8px;
	width: 82px;
	height: 15px
}

@media(max-width: 1250px) {
	.view-homepage .top-footer .wrapper {
		width: 800px
	}

	.view-homepage .top-footer .wrapper>* {
		margin-bottom: 15px
	}

	.view-homepage .top-footer .wrapper>*:nth-child(4):before {
		display: none
	}
}

@media(max-width: 900px) {
	.view-homepage .top-footer .wrapper {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.view-homepage .top-footer .wrapper>*:before {
		display: none !important
	}
}

.view-homepage .section-games {
	margin-top: 100px;
	text-align: center
}

.view-homepage .section-games h2 {
	margin-bottom: 37px
}

.view-homepage .section-games .featured-names {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px
}

.view-homepage .section-games .featured-names a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	display: block;
	padding: 0 10px;
	width: 25%;
	color: rgba(255, 255, 255, .5);
	margin-bottom: 15px
}

.view-homepage .section-games .featured-names a:hover {
	color: #fff
}

.view-homepage .section-games .featured-thumbnails-wrapper {
	position: relative;
	height: 300px;
	width: 100%
}

.view-homepage .section-games .featured-thumbnails-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: featured-thumbnails-scroll 80s infinite linear;
	animation: featured-thumbnails-scroll 80s infinite linear;
	will-change: transform
}

.view-homepage .section-games .featured-thumbnails-inner.paused {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-games .featured-thumbnails {
	position: absolute;
	left: 50%;
	top: 50%;
	padding-top: 250px
}

.view-homepage .section-games .featured-thumbnails a {
	border-radius: 10px;
	overflow: hidden;
	width: 258px;
	height: 120px;
	background: rgba(255, 255, 255, .1) center/cover no-repeat;
	position: relative;
	margin-left: 30px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 258px;
	flex: 0 0 258px;
	-webkit-transition: -webkit-box-shadow .15s;
	transition: -webkit-box-shadow .15s;
	transition: box-shadow .15s;
	transition: box-shadow .15s, -webkit-box-shadow .15s
}

.view-homepage .section-games .featured-thumbnails a:nth-child(1) {
	margin-top: -30px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(2) {
	margin-top: -60px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(3) {
	margin-top: -90px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(4) {
	margin-top: -120px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(5) {
	margin-top: -150px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(6) {
	margin-top: -180px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(7) {
	margin-top: -210px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(8) {
	margin-top: -240px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(9) {
	margin-top: -270px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(10) {
	margin-top: -300px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(11) {
	margin-top: -330px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(12) {
	margin-top: -360px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(13) {
	margin-top: -390px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(14) {
	margin-top: -420px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(15) {
	margin-top: -450px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(16) {
	margin-top: -480px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(17) {
	margin-top: -510px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(18) {
	margin-top: -540px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(19) {
	margin-top: -570px
}

.view-homepage .section-games .featured-thumbnails a:nth-child(20) {
	margin-top: -600px
}

.view-homepage .section-games .featured-thumbnails a:hover {
	-webkit-box-shadow: inset 0 0 0 1px #acff35;
	box-shadow: inset 0 0 0 1px #acff35
}

.view-homepage .section-games .featured-thumbnails img {
	width: 100%;
	height: 100%
}

.view-homepage .section-games .see-all {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #acff35;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.view-homepage .section-games .see-all,
.view-homepage .section-games .see-all * {
	cursor: pointer
}

.view-homepage .section-games .see-all svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.view-homepage .section-games .see-all:disabled {
	opacity: .4;
	cursor: not-allowed
}

.view-homepage .section-games .see-all>*+* {
	margin-left: 9px
}

.view-homepage .section-games .see-all i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.view-homepage .section-games .see-all:hover:not(:disabled) {
	background-color: #acff35
}

.view-homepage .section-games .see-all:hover:not(:disabled) {
	color: #1a2837
}

@media(max-width: 900px) {
	.view-homepage .section-games {
		margin-top: 10px
	}

	.view-homepage .section-games h2 {
		margin-bottom: 21px
	}

	.view-homepage .section-games .featured-names a {
		font-size: 18px;
		line-height: 30px;
		width: 50%
	}

	.view-homepage .section-games .featured-thumbnails-wrapper {
		height: 150px
	}

	.view-homepage .section-games .featured-thumbnails-inner {
		-webkit-animation-name: featured-thumbnails-mobile-scroll;
		animation-name: featured-thumbnails-mobile-scroll
	}

	.view-homepage .section-games .featured-thumbnails {
		padding-top: 40px
	}

	.view-homepage .section-games .featured-thumbnails a {
		width: 129px;
		height: 60px;
		margin-left: 20px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 129px;
		flex: 0 0 129px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(1) {
		margin-top: -7px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(2) {
		margin-top: -14px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(3) {
		margin-top: -21px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(4) {
		margin-top: -28px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(5) {
		margin-top: -35px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(6) {
		margin-top: -42px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(7) {
		margin-top: -49px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(8) {
		margin-top: -56px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(9) {
		margin-top: -63px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(10) {
		margin-top: -70px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(11) {
		margin-top: -77px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(12) {
		margin-top: -84px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(13) {
		margin-top: -91px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(14) {
		margin-top: -98px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(15) {
		margin-top: -105px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(16) {
		margin-top: -112px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(17) {
		margin-top: -119px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(18) {
		margin-top: -126px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(19) {
		margin-top: -133px
	}

	.view-homepage .section-games .featured-thumbnails a:nth-child(20) {
		margin-top: -140px
	}

	.view-homepage .section-games .see-all {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px
	}
}

@media(max-width: 350px) {
	.view-homepage .section-games .featured-names a {
		width: 100%;
		white-space: normal;
		overflow: visible
	}
}

.view-homepage #how-it-works {
	display: block;
	position: relative;
	top: -55px;
	visibility: hidden
}

.view-homepage .section-how-it-works {
	margin-top: 100px
}

.view-homepage .section-how-it-works h2 {
	margin-bottom: 50px;
	text-align: left
}

.view-homepage .section-how-it-works .layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.view-homepage .section-how-it-works .layout .col {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.view-homepage .section-how-it-works .layout .col+.col {
	margin-left: 40px
}

.view-homepage .section-how-it-works .layout .col>*+* {
	margin-top: 40px
}

.view-homepage .section-how-it-works .layout .tile {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.view-homepage .section-how-it-works .layout .tile p a {
	position: relative;
	z-index: 0;
	font-style: normal;
	text-decoration: none
}

.view-homepage .section-how-it-works .layout .tile p a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 1px;
	background: rgba(19, 207, 255, .33);
	pointer-events: none;
	z-index: -1;
	-webkit-transition: height .15s, background-color .15s;
	transition: height .15s, background-color .15s
}

.view-homepage .section-how-it-works .layout .tile p a:hover:not(:disabled):before {
	height: calc(100% - 0px);
	background: rgba(19, 207, 255, .5)
}

.view-homepage .section-how-it-works .x-overlay-feature {
	margin-top: 40px
}

.view-homepage .section-how-it-works footer {
	text-align: center
}

.view-homepage .section-how-it-works .see-all {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 40px
}

.view-homepage .section-how-it-works .see-all,
.view-homepage .section-how-it-works .see-all * {
	cursor: pointer
}

.view-homepage .section-how-it-works .see-all svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.view-homepage .section-how-it-works .see-all:disabled {
	opacity: .4;
	cursor: not-allowed
}

.view-homepage .section-how-it-works .see-all>*+* {
	margin-left: 9px
}

.view-homepage .section-how-it-works .see-all i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.view-homepage .section-how-it-works .see-all:hover:not(:disabled) {
	background-color: #13cfff
}

.view-homepage .section-how-it-works .platforms {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
	margin-top: 140px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.view-homepage .section-how-it-works .platforms .icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	-webkit-transition: width .5s, height .5s;
	transition: width .5s, height .5s
}

.view-homepage .section-how-it-works .platforms .icon svg {
	width: 100%;
	height: 100%
}

.view-homepage .section-how-it-works .platforms .icon svg * {
	fill: rgba(255, 255, 255, .5)
}

.view-homepage .section-how-it-works .platforms .platform-wrapper {
	width: 22px;
	height: 22px;
	position: relative
}

.view-homepage .section-how-it-works .platforms .platform {
	position: relative;
	width: 22px;
	height: 22px
}

.view-homepage .section-how-it-works .platforms .platform>.icon {
	-webkit-transition: opacity 0s .5s;
	transition: opacity 0s .5s
}

.view-homepage .section-how-it-works .platforms .platform .active {
	position: absolute;
	left: -50px;
	bottom: -50px;
	width: 72px;
	height: 72px;
	-webkit-transition: height .5s, width .5s;
	transition: height .5s, width .5s;
	border-radius: 6px;
	overflow: hidden
}

.view-homepage .section-how-it-works .platforms .platform .active .icon {
	visibility: hidden;
	-webkit-transition: visibility 0s .5s;
	transition: visibility 0s .5s;
	position: absolute;
	right: 0;
	top: 0
}

.view-homepage .section-how-it-works .platforms .platform .active:before {
	content: "";
	display: block;
	width: 280px;
	height: 45px;
	position: absolute;
	bottom: -20px;
	left: 10px;
	background: linear-gradient(274deg, #0bf2f6 0%, rgba(11, 242, 246, 0) 95%);
	z-index: -1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	pointer-events: none
}

.view-homepage .section-how-it-works .platforms .platform.current>.icon {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.view-homepage .section-how-it-works .platforms .platform.current .active {
	width: 182px;
	height: 182px
}

.view-homepage .section-how-it-works .platforms .platform.current .active .icon {
	width: 34px;
	height: 34px;
	visibility: visible;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.view-homepage .section-how-it-works .platforms .platform.current .active .icon svg * {
	fill: #fff
}

.view-homepage .section-how-it-works .platforms .platform.current .active:before {
	opacity: .33
}

.view-homepage .section-how-it-works .platforms .platform.alternate .active {
	left: auto;
	right: -50px
}

.view-homepage .section-how-it-works .platforms .platform.alternate .active .icon {
	right: auto;
	left: 0
}

.view-homepage .section-how-it-works .platforms .platform.alternate .active:before {
	left: auto;
	right: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
	background: linear-gradient(86deg, #0bf2f6 0%, rgba(11, 242, 246, 0) 95%)
}

.view-homepage .section-how-it-works .versions-wrapper {
	height: 560px;
	overflow: hidden;
	position: relative;
	margin-top: -20px;
	will-change: opacity
}

@media(max-width: 900px) {
	.view-homepage .section-how-it-works .versions-wrapper {
		height: 500px
	}
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i svg * {
	fill: #000
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(1) {
	-webkit-animation: version-arrow-1 1s -1s linear;
	animation: version-arrow-1 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(2) {
	-webkit-animation: version-arrow-2 1s -1s linear;
	animation: version-arrow-2 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(3) {
	-webkit-animation: version-arrow-3 1s -1s linear;
	animation: version-arrow-3 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(4) {
	-webkit-animation: version-arrow-4 1s -1s linear;
	animation: version-arrow-4 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(5) {
	-webkit-animation: version-arrow-5 1s -1s linear;
	animation: version-arrow-5 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(6) {
	-webkit-animation: version-arrow-6 1s -1s linear;
	animation: version-arrow-6 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(7) {
	-webkit-animation: version-arrow-7 1s -1s linear;
	animation: version-arrow-7 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(8) {
	-webkit-animation: version-arrow-8 1s -1s linear;
	animation: version-arrow-8 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions-wrapper .version-arrows>i:nth-child(9) {
	-webkit-animation: version-arrow-9 1s -1s linear;
	animation: version-arrow-9 1s -1s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.view-homepage .section-how-it-works .versions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-bottom: 40px
}

.view-homepage .section-how-it-works .versions.mobile {
	display: none
}

.view-homepage .section-how-it-works .version {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #5268ff;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	white-space: nowrap
}

.view-homepage .section-how-it-works .version:nth-child(1) {
	-webkit-animation-name: version-drop-1;
	animation-name: version-drop-1
}

.view-homepage .section-how-it-works .version:nth-child(2) {
	-webkit-animation-name: version-drop-2;
	animation-name: version-drop-2
}

.view-homepage .section-how-it-works .version:nth-child(3) {
	-webkit-animation-name: version-drop-3;
	animation-name: version-drop-3
}

.view-homepage .section-how-it-works .version:nth-child(4) {
	-webkit-animation-name: version-drop-4;
	animation-name: version-drop-4
}

.view-homepage .section-how-it-works .version:nth-child(5) {
	-webkit-animation-name: version-drop-5;
	animation-name: version-drop-5
}

.view-homepage .section-how-it-works .version:nth-child(6) {
	-webkit-animation-name: version-drop-6;
	animation-name: version-drop-6
}

.view-homepage .section-how-it-works .version:nth-child(7) {
	-webkit-animation-name: version-drop-7;
	animation-name: version-drop-7
}

.view-homepage .section-how-it-works .version:nth-child(8) {
	-webkit-animation-name: version-drop-8;
	animation-name: version-drop-8
}

.view-homepage .section-how-it-works .version:nth-child(9) {
	-webkit-animation-name: version-drop-9;
	animation-name: version-drop-9
}

.view-homepage .section-how-it-works .version:nth-child(10) {
	-webkit-animation-name: version-drop-10;
	animation-name: version-drop-10
}

.view-homepage .section-how-it-works .versions-button {
	margin-top: 20px;
	margin-bottom: -23px;
	will-change: opacity
}

.view-homepage .section-how-it-works .versions-button a {
	position: relative;
	display: block
}

.view-homepage .section-how-it-works .versions-button a span {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #5265ff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	background: #5265ff;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: color .5s;
	transition: color .5s
}

.view-homepage .section-how-it-works .versions-button a span,
.view-homepage .section-how-it-works .versions-button a span * {
	cursor: pointer
}

.view-homepage .section-how-it-works .versions-button a span svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.view-homepage .section-how-it-works .versions-button a span:disabled {
	opacity: .4;
	cursor: not-allowed
}

.view-homepage .section-how-it-works .versions-button a span>*+* {
	margin-left: 9px
}

.view-homepage .section-how-it-works .versions-button a span i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.view-homepage .section-how-it-works .versions-button a span:hover:not(:disabled) {
	background-color: #5265ff
}

.view-homepage .section-how-it-works .versions-button a span svg * {
	fill: #fff
}

.view-homepage .section-how-it-works .versions-button a span:hover:not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(82, 104, 255, .1);
	box-shadow: 0 0 15px rgba(82, 104, 255, .1)
}

.view-homepage .section-how-it-works .versions-button a span:last-child {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0)
}

.view-homepage .section-how-it-works .versions-button a:hover span:first-child {
	color: rgba(0, 0, 0, 0)
}

.view-homepage .section-how-it-works .versions-button a:hover span:last-child {
	color: #fff
}

.view-homepage .section-how-it-works .example-cheats-tile h3.mobile-title {
	display: none
}

.view-homepage .section-how-it-works .example-cheats-wrapper {
	position: relative
}

.view-homepage .section-how-it-works .example-cheats-wrapper .x-save-cheats-toggle {
	position: absolute;
	left: 0;
	top: -19px;
	z-index: 1
}

.view-homepage .section-how-it-works .example-cheats {
	margin: 53px -50px 0;
	padding: 41px 50px 0 50px
}

.view-homepage .section-how-it-works .example-cheats .cheats-wrapper {
	padding-top: 42%
}

.view-homepage .section-how-it-works .example-cheats:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: linear-gradient(247.39deg, white 0%, rgba(19, 207, 255, 0.5) 35%, rgba(19, 207, 255, 0) 70%);
	opacity: .2
}

@media(max-width: 900px) {
	.view-homepage .section-how-it-works h2 {
		margin-bottom: 33px
	}

	.view-homepage .section-how-it-works h2 img {
		height: 32px
	}

	.view-homepage .section-how-it-works .layout {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.view-homepage .section-how-it-works .layout .col {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.view-homepage .section-how-it-works .layout .col+.col {
		margin-left: 0;
		margin-top: 20px
	}

	.view-homepage .section-how-it-works .layout>*+* {
		margin-top: 20px
	}

	.view-homepage .section-how-it-works .versions-button {
		margin-bottom: 0
	}
}

@media(max-width: 600px) {
	.view-homepage .section-how-it-works .example-cheats-tile h3.desktop-title {
		display: none
	}

	.view-homepage .section-how-it-works .example-cheats-tile h3.mobile-title {
		display: block
	}

	.view-homepage .section-how-it-works .example-cheats-tile p {
		display: none
	}

	.view-homepage .section-how-it-works .example-cheats-tile .x-save-cheats-toggle {
		display: none
	}

	.view-homepage .section-how-it-works .example-cheats {
		margin-top: 23px
	}

	.view-homepage .section-how-it-works .example-cheats .cheats-wrapper {
		padding-top: 82%
	}

	.view-homepage .section-how-it-works .versions-wrapper {
		height: 390px
	}

	.view-homepage .section-how-it-works .versions.desktop {
		display: none
	}

	.view-homepage .section-how-it-works .versions.mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.view-homepage .section-how-it-works .version-arrows>i:nth-child(1),
	.view-homepage .section-how-it-works .version-arrows>i:nth-child(2),
	.view-homepage .section-how-it-works .version-arrows>i:nth-child(3),
	.view-homepage .section-how-it-works .version-arrows>i:nth-child(4) {
		display: none
	}
}

.view-homepage .section-creators-and-gamers {
	margin-top: 100px
}

.view-homepage .section-creators-and-gamers .layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.view-homepage .section-creators-and-gamers h2 {
	max-width: 630px;
	margin: 0 0 37px
}

.view-homepage .section-creators-and-gamers p {
	font-size: 24px;
	line-height: 34px;
	color: rgba(255, 255, 255, .5);
	max-width: 580px;
	margin: 0 0 50px
}

.view-homepage .section-creators-and-gamers p em {
	color: #13cfff;
	font-style: normal
}

.view-homepage .section-creators-and-gamers .graphic {
	display: inline-block;
	position: relative
}

.view-homepage .section-creators-and-gamers .graphic .desktop-background {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%
}

.view-homepage .section-creators-and-gamers .graphic .desktop-background img {
	max-width: 100%;
	height: auto
}

.view-homepage .section-creators-and-gamers .graphic .mobile-background {
	height: 145px;
	display: none;
	background: url("images/views/homepage/creator-graphic-mobile-563e9ec351.svg") center/contain no-repeat
}

.view-homepage .section-creators-and-gamers .graphic .icon {
	position: absolute;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
	max-width: 9.25%
}

.view-homepage .section-creators-and-gamers .graphic .icon img {
	max-width: 100%
}

.view-homepage .section-creators-and-gamers .graphic .icon:before {
	content: "";
	display: block;
	position: absolute;
	width: 140%;
	height: 140%;
	left: -20%;
	top: -20%;
	background: linear-gradient(225deg, #13cfff 48.96%, #9200ff 48.97%);
	-webkit-animation: creator-icon-fade 1s ease-in-out alternate infinite;
	animation: creator-icon-fade 1s ease-in-out alternate infinite;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: -1
}

@media(max-width: 900px) {
	.view-homepage .section-creators-and-gamers {
		margin-top: 54px
	}

	.view-homepage .section-creators-and-gamers h2 {
		margin-bottom: 21px
	}

	.view-homepage .section-creators-and-gamers p {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 17px
	}

	.view-homepage .section-creators-and-gamers .graphic {
		display: block;
		width: 100%
	}

	.view-homepage .section-creators-and-gamers .graphic .desktop-background {
		display: none
	}

	.view-homepage .section-creators-and-gamers .graphic .mobile-background {
		display: block
	}

	.view-homepage .section-creators-and-gamers .graphic .icon {
		width: 108px;
		height: 108px;
		max-width: initial
	}

	.view-homepage .section-creators-and-gamers .graphic .icon:before {
		width: 112px;
		height: 112px;
		left: -6px;
		top: -6px
	}
}

.view-homepage .section-trustpilot {
	margin-top: 100px
}

.view-homepage .section-trustpilot h2 {
	margin-bottom: 50px
}

.view-homepage .section-trustpilot h2 img {
	width: 40px;
	height: 50px
}

.view-homepage .section-trustpilot .reviews {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.view-homepage .section-trustpilot .reviews .review {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.view-homepage .section-trustpilot .reviews .review+.review {
	margin-left: 40px
}

.view-homepage .section-trustpilot .reviews .review h3 {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-right: 5px
}

.view-homepage .section-trustpilot .reviews .review h3:before {
	content: "“";
	position: absolute;
	left: -328px;
	top: -12px;
	font-size: 60px;
	font-weight: bold;
	color: #00f3a2
}

.view-homepage .section-trustpilot .reviews .review p {
	margin: 0 0 24px 0;
	padding: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.view-homepage .section-trustpilot .reviews .review .user {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.view-homepage .section-trustpilot .reviews .review .user span {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: rgba(255, 255, 255, .4)
}

.view-homepage .section-trustpilot .reviews .review .user img {
	margin-left: 20px;
	width: 104px;
	height: 19px
}

@media(max-width: 900px) {
	.view-homepage .section-trustpilot h2 {
		margin-bottom: 33px
	}

	.view-homepage .section-trustpilot h2 img {
		width: 21px;
		height: 26px
	}

	.view-homepage .section-trustpilot .reviews {
		display: block
	}

	.view-homepage .section-trustpilot .reviews .review+.review {
		margin-left: 0;
		margin-top: 40px
	}
}

.view-homepage .section-faq {
	margin-top: 100px
}

.view-homepage .section-faq h2 {
	margin-bottom: 50px
}

.view-homepage .section-faq .faq-items .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.view-homepage .section-faq .faq-items .row+.row {
	margin-top: 40px
}

.view-homepage .section-faq .faq-items .item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.view-homepage .section-faq .faq-items .item p {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.view-homepage .section-faq .faq-items .item+.item {
	margin-left: 40px
}

.view-homepage .section-faq .faq-items .icon-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.view-homepage .section-faq .faq-items .icon-footer img {
	width: 57px;
	height: 44px
}

@media(max-width: 900px) {
	.view-homepage .section-faq h2 {
		margin-bottom: 33px
	}

	.view-homepage .section-faq .faq-items .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.view-homepage .section-faq .faq-items .item {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.view-homepage .section-faq .faq-items .item+.item {
		margin-left: 0;
		margin-top: 40px
	}
}

@media(max-width: 900px) {

	.view-homepage .section-how-it-works,
	.view-homepage .section-trustpilot,
	.view-homepage .section-games,
	.view-homepage .section-faq {
		margin-top: 50px
	}
}

.app-layout.homepage {
	position: relative
}

body.homepage:not(.scrolled) .app-header .download {
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

body.homepage:not(.scrolled) .app-header .download:hover:not(:disabled) {
	background-color: #13cfff
}

body.os-windows .view-homepage .section-top .no-download {
	display: none
}

body.os-windows .view-homepage .section-top .download {
	display: block
}

.js-enabled .view-homepage .section-top .scroll-down {
	visibility: visible
}

@-webkit-keyframes version-drop-1 {
	0% {
		-webkit-transform: translate(0, -60px);
		transform: translate(0, -60px);
		opacity: 0;
		letter-spacing: 250px
	}

	15% {
		-webkit-transform: translate(0, -60px);
		transform: translate(0, -60px);
		opacity: 0;
		letter-spacing: 250px
	}

	65% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@keyframes version-drop-1 {
	0% {
		-webkit-transform: translate(0, -60px);
		transform: translate(0, -60px);
		opacity: 0;
		letter-spacing: 250px
	}

	15% {
		-webkit-transform: translate(0, -60px);
		transform: translate(0, -60px);
		opacity: 0;
		letter-spacing: 250px
	}

	65% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@-webkit-keyframes version-arrow-1 {

	0%,
	15% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	65%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@keyframes version-arrow-1 {

	0%,
	15% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	65%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@-webkit-keyframes version-drop-2 {
	0% {
		-webkit-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
		letter-spacing: 150px
	}

	5% {
		-webkit-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
		letter-spacing: 150px
	}

	55% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75;
		letter-spacing: 0
	}

	100% {
		opacity: .75
	}
}

@keyframes version-drop-2 {
	0% {
		-webkit-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
		letter-spacing: 150px
	}

	5% {
		-webkit-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
		letter-spacing: 150px
	}

	55% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75;
		letter-spacing: 0
	}

	100% {
		opacity: .75
	}
}

@-webkit-keyframes version-arrow-2 {

	0%,
	5% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	55%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75
	}
}

@keyframes version-arrow-2 {

	0%,
	5% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	55%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75
	}
}

@-webkit-keyframes version-drop-3 {
	0% {
		-webkit-transform: translate(0, -0px);
		transform: translate(0, -0px);
		opacity: 0;
		letter-spacing: 400px
	}

	0% {
		-webkit-transform: translate(0, -0px);
		transform: translate(0, -0px);
		opacity: 0;
		letter-spacing: 400px
	}

	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@keyframes version-drop-3 {
	0% {
		-webkit-transform: translate(0, -0px);
		transform: translate(0, -0px);
		opacity: 0;
		letter-spacing: 400px
	}

	0% {
		-webkit-transform: translate(0, -0px);
		transform: translate(0, -0px);
		opacity: 0;
		letter-spacing: 400px
	}

	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@-webkit-keyframes version-arrow-3 {

	0%,
	0% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	50%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@keyframes version-arrow-3 {

	0%,
	0% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	50%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@-webkit-keyframes version-drop-4 {
	0% {
		-webkit-transform: translate(0, -160px);
		transform: translate(0, -160px);
		opacity: 0;
		letter-spacing: 175px
	}

	40% {
		-webkit-transform: translate(0, -160px);
		transform: translate(0, -160px);
		opacity: 0;
		letter-spacing: 175px
	}

	90% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25;
		letter-spacing: 0
	}

	100% {
		opacity: .25
	}
}

@keyframes version-drop-4 {
	0% {
		-webkit-transform: translate(0, -160px);
		transform: translate(0, -160px);
		opacity: 0;
		letter-spacing: 175px
	}

	40% {
		-webkit-transform: translate(0, -160px);
		transform: translate(0, -160px);
		opacity: 0;
		letter-spacing: 175px
	}

	90% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25;
		letter-spacing: 0
	}

	100% {
		opacity: .25
	}
}

@-webkit-keyframes version-arrow-4 {

	0%,
	40% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	90%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25
	}
}

@keyframes version-arrow-4 {

	0%,
	40% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	90%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25
	}
}

@-webkit-keyframes version-drop-5 {
	0% {
		-webkit-transform: translate(0, -80px);
		transform: translate(0, -80px);
		opacity: 0;
		letter-spacing: 300px
	}

	20% {
		-webkit-transform: translate(0, -80px);
		transform: translate(0, -80px);
		opacity: 0;
		letter-spacing: 300px
	}

	70% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
		letter-spacing: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes version-drop-5 {
	0% {
		-webkit-transform: translate(0, -80px);
		transform: translate(0, -80px);
		opacity: 0;
		letter-spacing: 300px
	}

	20% {
		-webkit-transform: translate(0, -80px);
		transform: translate(0, -80px);
		opacity: 0;
		letter-spacing: 300px
	}

	70% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
		letter-spacing: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes version-arrow-5 {

	0%,
	20% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	70%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

@keyframes version-arrow-5 {

	0%,
	20% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	70%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes version-drop-6 {
	0% {
		-webkit-transform: translate(0, -120px);
		transform: translate(0, -120px);
		opacity: 0;
		letter-spacing: 150px
	}

	30% {
		-webkit-transform: translate(0, -120px);
		transform: translate(0, -120px);
		opacity: 0;
		letter-spacing: 150px
	}

	80% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@keyframes version-drop-6 {
	0% {
		-webkit-transform: translate(0, -120px);
		transform: translate(0, -120px);
		opacity: 0;
		letter-spacing: 150px
	}

	30% {
		-webkit-transform: translate(0, -120px);
		transform: translate(0, -120px);
		opacity: 0;
		letter-spacing: 150px
	}

	80% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@-webkit-keyframes version-arrow-6 {

	0%,
	30% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	80%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@keyframes version-arrow-6 {

	0%,
	30% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	80%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@-webkit-keyframes version-drop-7 {
	0% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px);
		opacity: 0;
		letter-spacing: 400px
	}

	10% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px);
		opacity: 0;
		letter-spacing: 400px
	}

	60% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25;
		letter-spacing: 0
	}

	100% {
		opacity: .25
	}
}

@keyframes version-drop-7 {
	0% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px);
		opacity: 0;
		letter-spacing: 400px
	}

	10% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px);
		opacity: 0;
		letter-spacing: 400px
	}

	60% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25;
		letter-spacing: 0
	}

	100% {
		opacity: .25
	}
}

@-webkit-keyframes version-arrow-7 {

	0%,
	10% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	60%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25
	}
}

@keyframes version-arrow-7 {

	0%,
	10% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	60%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .25
	}
}

@-webkit-keyframes version-drop-8 {
	0% {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);
		opacity: 0;
		letter-spacing: 250px
	}

	25% {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);
		opacity: 0;
		letter-spacing: 250px
	}

	75% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@keyframes version-drop-8 {
	0% {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);
		opacity: 0;
		letter-spacing: 250px
	}

	25% {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);
		opacity: 0;
		letter-spacing: 250px
	}

	75% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5;
		letter-spacing: 0
	}

	100% {
		opacity: .5
	}
}

@-webkit-keyframes version-arrow-8 {

	0%,
	25% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	75%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@keyframes version-arrow-8 {

	0%,
	25% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	75%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .5
	}
}

@-webkit-keyframes version-drop-9 {
	0% {
		-webkit-transform: translate(0, -140px);
		transform: translate(0, -140px);
		opacity: 0;
		letter-spacing: 175px
	}

	35% {
		-webkit-transform: translate(0, -140px);
		transform: translate(0, -140px);
		opacity: 0;
		letter-spacing: 175px
	}

	85% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75;
		letter-spacing: 0
	}

	100% {
		opacity: .75
	}
}

@keyframes version-drop-9 {
	0% {
		-webkit-transform: translate(0, -140px);
		transform: translate(0, -140px);
		opacity: 0;
		letter-spacing: 175px
	}

	35% {
		-webkit-transform: translate(0, -140px);
		transform: translate(0, -140px);
		opacity: 0;
		letter-spacing: 175px
	}

	85% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75;
		letter-spacing: 0
	}

	100% {
		opacity: .75
	}
}

@-webkit-keyframes version-arrow-9 {

	0%,
	35% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	85%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75
	}
}

@keyframes version-arrow-9 {

	0%,
	35% {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		opacity: 0
	}

	85%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: .75
	}
}

@-webkit-keyframes scroll-down-bounce {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	20% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes scroll-down-bounce {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	20% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes featured-thumbnails-scroll {
	from {
		-webkit-transform: translate(-25%, -150px);
		transform: translate(-25%, -150px)
	}

	to {
		-webkit-transform: translate(-75%, 150px);
		transform: translate(-75%, 150px)
	}
}

@keyframes featured-thumbnails-scroll {
	from {
		-webkit-transform: translate(-25%, -150px);
		transform: translate(-25%, -150px)
	}

	to {
		-webkit-transform: translate(-75%, 150px);
		transform: translate(-75%, 150px)
	}
}

@-webkit-keyframes featured-thumbnails-mobile-scroll {
	from {
		-webkit-transform: translate(-25%, -35px);
		transform: translate(-25%, -35px)
	}

	to {
		-webkit-transform: translate(-75%, 35px);
		transform: translate(-75%, 35px)
	}
}

@keyframes featured-thumbnails-mobile-scroll {
	from {
		-webkit-transform: translate(-25%, -35px);
		transform: translate(-25%, -35px)
	}

	to {
		-webkit-transform: translate(-75%, 35px);
		transform: translate(-75%, 35px)
	}
}

@-webkit-keyframes creator-icon-fade {
	from {
		opacity: .8
	}

	to {
		opacity: 1
	}
}

@keyframes creator-icon-fade {
	from {
		opacity: .8
	}

	to {
		opacity: 1
	}
}

.view-horizon {
	margin-top: 100px;
	background: #fff
}

.view-horizon *,
.view-horizon button,
.view-horizon input {
	font-family: Gotham
}

.view-horizon section.horizon .download-button {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 80px;
	height: 80px;
	background: #63d000;
	border: 0;
	-webkit-box-shadow: 0 5px 0 #2b9002;
	box-shadow: 0 5px 0 #2b9002;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: background .15s, -webkit-transform .15s, -webkit-box-shadow .25s;
	transition: background .15s, -webkit-transform .15s, -webkit-box-shadow .25s;
	transition: transform .15s, box-shadow .25s, background .15s;
	transition: transform .15s, box-shadow .25s, background .15s, -webkit-transform .15s, -webkit-box-shadow .25s;
	display: inline-block;
	background-image: url(images/views/horizon/download-icon-dd1e4eff43.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 27px 23px !important;
	margin-top: 23px;
	font-weight: bold;
	font-size: 22.3px;
	letter-spacing: 3.1px;
	text-transform: uppercase;
	padding: 0 27px 0 107px
}

.view-horizon section.horizon .download-button:disabled {
	opacity: .5
}

.view-horizon section.horizon .download-button:disabled,
.view-horizon section.horizon .download-button:disabled * {
	cursor: default
}

.view-horizon section.horizon .download-button:hover:not([disabled]) {
	background: #7bff04;
	-webkit-box-shadow: 0 5px 0 #3ac203;
	box-shadow: 0 5px 0 #3ac203
}

.view-horizon section.horizon .download-button:active:not([disabled]) {
	-webkit-box-shadow: 0 1px 0 #3ac203;
	box-shadow: 0 1px 0 #3ac203;
	-webkit-transform: translate(0, 4px);
	-ms-transform: translate(0, 4px);
	transform: translate(0, 4px)
}

.view-horizon section.horizon .download-button:before {
	content: "";
	width: 1px;
	height: 100px;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	left: 80px;
	top: 0
}

.view-horizon section.horizon header {
	background: #142328;
	text-align: center;
	padding: 140px 20px 89px 20px
}

.view-horizon section.horizon header img {
	width: 144px;
	height: 169px
}

.view-horizon section.horizon header h1 {
	padding: 37px 0 0 0;
	font-family: "Gotham Book";
	font-size: 30px;
	color: #fff;
	letter-spacing: .25px;
	display: block;
	max-width: 520px;
	margin: 0 auto
}

.view-horizon section.horizon h2 em {
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: .25px;
	color: #169400;
	background: -webkit-linear-gradient(135deg, #169400, #79ee00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.view-horizon section.horizon section.points {
	text-align: center;
	padding: 89px 20px 45px 20px;
	background: #fff
}

.view-horizon section.horizon section.points h2 {
	font-weight: 500;
	font-size: 40px;
	color: #152c34;
	letter-spacing: .25px;
	display: block;
	margin: 0 auto 84px auto
}

.view-horizon section.horizon section.points .points-wrapper {
	max-width: 1170px;
	margin: 0 auto
}

.view-horizon section.horizon section.points .point {
	text-align: center;
	padding: 0 45px 45px 45px;
	width: 33.33%;
	height: 255px;
	float: left
}

.view-horizon section.horizon section.points .point img {
	display: block;
	margin: 0 auto 14px auto
}

.view-horizon section.horizon section.points .point b {
	display: block;
	font-weight: 500;
	font-size: 20px;
	color: #152c34;
	letter-spacing: .25px;
	margin-bottom: 14px
}

.view-horizon section.horizon section.points .point p {
	display: block;
	font-family: "Gotham Book";
	font-size: 14px;
	color: #295666;
	letter-spacing: .28px;
	line-height: 24px
}

.view-horizon section.horizon section.points .point a,
.view-horizon section.horizon section.points .point a:visited {
	color: #63d000
}

.view-horizon section.horizon section.get-started {
	margin: 89px 0;
	background: #e9eeef
}

.view-horizon section.horizon section.get-started .get-started-wrapper {
	display: table;
	max-width: 1440px;
	margin: 0 auto
}

.view-horizon section.horizon section.get-started .screenshot {
	display: table-cell;
	width: 50%
}

.view-horizon section.horizon section.get-started .screenshot img {
	width: 100%;
	background: #fff;
	border-top-right-radius: 12.76px;
	border-bottom-right-radius: 12.76px;
	-webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .5)
}

.view-horizon section.horizon section.get-started .info {
	display: table-cell;
	width: 50%;
	vertical-align: middle
}

.view-horizon section.horizon section.get-started .info-wrapper {
	width: 395px;
	margin: 0 auto
}

.view-horizon section.horizon section.get-started h2 {
	font-weight: 500;
	font-size: 48px;
	color: #295666;
	letter-spacing: .35px;
	margin: 0;
	padding: 36px 0
}

.view-horizon section.horizon section.list {
	padding: 89px 20px;
	background: #fff
}

.view-horizon section.horizon section.list .list-wrapper {
	max-width: 910px;
	margin: 0 auto
}

.view-horizon section.horizon section.list h2 {
	font-weight: 500;
	font-size: 30px;
	color: #152c34;
	letter-spacing: .25px;
	text-align: center
}

.view-horizon section.horizon section.list h2 strong {
	font-weight: 900
}

.view-horizon section.horizon section.list ul {
	list-style: none;
	margin: 0;
	padding: 48px;
	-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .26);
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .26)
}

.view-horizon section.horizon section.list ul li {
	font-family: "Gotham Book";
	font-size: 18px;
	color: #152c34;
	letter-spacing: .26px;
	line-height: 24px;
	padding: 5px 0 40px 70px;
	background: url(images/views/horizon/checkmark-53447124db.svg) 0 0 no-repeat
}

.view-horizon section.horizon section.list ul li:last-child {
	padding-bottom: 0
}

@media(min-width: 1440px) {
	.view-horizon section.horizon section.get-started .screenshot img {
		border-radius: 12.76px
	}
}

@media(max-width: 930px) {
	.view-horizon section.horizon section.points .point {
		width: 50%
	}

	.view-horizon section.horizon section.get-started .info-wrapper {
		width: 280px
	}

	.view-horizon section.horizon section.get-started h2 {
		font-size: 32px;
		padding: 20px 0
	}

	.view-horizon section.horizon section.get-started .download-button {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		letter-spacing: 2.5px;
		padding: 0 10px 0 65px;
		background-size: 30px 30px !important;
		background-position: 10px 10px !important
	}

	.view-horizon section.horizon section.get-started .download-button:before {
		left: 50px
	}
}

@media(max-width: 640px) {
	.view-horizon section.horizon section.points {
		padding-top: 20px;
		padding-bottom: 0
	}

	.view-horizon section.horizon section.points h2 {
		margin-bottom: 45px
	}

	.view-horizon section.horizon section.points .point {
		width: 100%;
		height: auto;
		padding-bottom: 20px
	}

	.view-horizon section.horizon section.get-started {
		display: block;
		padding: 20px 20px 45px 20px;
		margin: 0
	}

	.view-horizon section.horizon section.get-started .screenshot,
	.view-horizon section.horizon section.get-started .info {
		display: block;
		width: 100%
	}

	.view-horizon section.horizon section.get-started .screenshot {
		padding: 20px
	}

	.view-horizon section.horizon section.get-started .screenshot img {
		border-radius: 12.76px
	}

	.view-horizon section.horizon section.get-started .info-wrapper {
		width: 100%;
		margin-top: 20px;
		text-align: center
	}

	.view-horizon section.horizon section.list {
		padding: 20px
	}

	.view-horizon section.horizon section.list h2 {
		margin: 0 0 20px 0
	}

	.view-horizon section.horizon header {
		padding: 110px 20px 35px 20px
	}
}

@media(max-width: 450px) {
	.view-horizon section.horizon header .download-button {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		letter-spacing: 2.5px;
		padding: 0 10px 0 65px;
		background-size: 30px 30px !important;
		background-position: 10px 10px !important
	}

	.view-horizon section.horizon header .download-button:before {
		left: 50px
	}

	.view-horizon section.horizon section.list ul {
		padding: 20px
	}

	.view-horizon section.horizon section.list ul li {
		padding-left: 50px
	}
}

@-webkit-keyframes horizon-bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes horizon-bounce {

	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.remote-view .buttons {
	min-height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -15px 0 15px -15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.remote-view .buttons .button {
	height: 40px;
	margin-top: 15px;
	margin-left: 15px;
	display: none
}

.remote-view .buttons .button.show {
	display: inline-block
}

.remote-view #app-store-button img {
	height: 40px
}

.remote-view #play-store-button {
	width: 120px
}

.remote-view #play-store-button img {
	margin: -8%;
	width: 128%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

.remote-view .tile {
	margin-top: 15px
}

.title-view.alternate-layout section.info .left {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.title-view.alternate-layout section.info .right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px
}

.title-view.alternate-layout section.info .right .media {
	display: none
}

.title-view.alternate-layout section.info .alternate-title {
	margin-bottom: 30px
}

.title-view.alternate-layout section.info .alternate-title h3 {
	margin-bottom: 0;
	line-height: 30px
}

.title-view.alternate-layout section.info .alternate-title h3+p {
	margin-top: 10px
}

.title-view section.info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.title-view section.info .left,
.title-view section.info .right {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	min-width: 0
}

.title-view section.info .right {
	margin-left: 40px
}

.title-view section.info .cheats p a {
	color: rgba(255, 255, 255, .5);
	border-bottom: 1px solid rgba(19, 207, 255, .33)
}

.title-view section.info .cheats p a:hover {
	border-color: #13cfff
}

.title-view section.info .media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px
}

.title-view section.info .screenshot {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	position: relative;
	z-index: 0;
	margin-right: 40px
}

.title-view section.info .screenshot .screenshot-wrapper {
	display: block;
	width: 100%;
	padding-top: 61.728%
}

.title-view section.info .screenshot .screenshot-wrapper .label {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	background: #1a2837;
	border-radius: 100px;
	padding: 6px 20px;
	color: rgba(255, 255, 255, .6)
}

.title-view section.info .screenshot a {
	background: #1a2837;
	position: relative
}

.title-view section.info .screenshot a:before {
	content: "";
	display: block;
	width: 37px;
	height: 37px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin-top: -19px;
	margin-left: -19px;
	pointer-events: none;
	background: rgba(26, 40, 55, .67) url("images/icons/plus-7b9786c5f2.svg") center no-repeat;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s
}

.title-view section.info .screenshot a:hover:before {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.title-view section.info .screenshot a,
.title-view section.info .screenshot .screenshot-wrapper,
.title-view section.info .screenshot img {
	border-radius: 10px;
	overflow: hidden
}

.title-view section.info .screenshot img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.title-view section.info .video {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 121px;
	flex: 0 0 121px
}

.title-view section.info .video a {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden
}

.title-view section.info .video a:before {
	content: "";
	display: block;
	width: 37px;
	height: 37px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin-top: -19px;
	margin-left: -19px;
	pointer-events: none;
	background: rgba(26, 40, 55, .67) url("images/icons/play-3499919f6a.svg") center no-repeat;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s
}

.title-view section.info .video a:hover:before {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.title-view section.info .video img {
	width: 121px;
	height: 68px;
	float: left
}

.title-view section.info .has-media-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.title-view section.info .media-label {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-top: 5px;
	padding: 2px 7px;
	color: rgba(255, 255, 255, .5);
	border-radius: 10px;
	background: #1a2837
}

.title-view section.info .cheats-placeholder {
	margin-top: 11px
}

.title-view section.info .x-free-games-list {
	margin-top: 40px
}

@media(max-width: 900px) {
	.title-view section.info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.title-view section.info .left {
		margin-top: 13px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.title-view section.info .right {
		margin-left: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.title-view section.info .media {
		margin-bottom: 20px
	}

	.title-view.alternate-layout section.info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.title-view.alternate-layout section.info .left {
		margin-top: 0
	}
}

@media(max-width: 700px) {
	.title-view section.info .media .video {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.title-view section.info .media .video img {
		width: 100%;
		height: auto;
		max-width: 320px
	}

	.title-view section.info .media .screenshot {
		margin-right: 0;
		margin-bottom: 20px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

@media(max-width: 480px) {
	.title-view section.info .cheats-placeholder .column:last-child {
		display: none
	}
}

.title-view .title-stats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 30px 0
}

.title-view .title-stats .stat {
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.title-view .title-stats .stat+.stat {
	margin-top: 5px
}

.title-view .title-stats .stat .label {
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .5);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin-right: 10px
}

.title-view .title-stats .stat .value {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0
}

.title-view .title-stats .stat .value span {
	display: inline-block;
	color: rgba(255, 255, 255, .8);
	padding: 4px 12px;
	border-radius: 5px;
	background: #1a2837
}

.title-view .title-stats.mobile {
	display: none;
	margin: 30px 22px 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.title-view .title-stats.mobile .stats {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

@media(max-width: 900px) {
	.title-view .title-stats.desktop {
		display: none !important
	}

	.title-view .title-stats.mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.title-view .title-info {
	margin-bottom: 30px
}

.title-view .title-info .text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	min-width: 150px
}

.title-view .title-info .text p {
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	color: rgba(255, 255, 255, .5)
}

.title-view .title-info .text p+p {
	margin-top: 20px
}

.title-view .title-info .text p.highlight {
	color: rgba(255, 255, 255, .8)
}

.title-view .title-info .text p.collection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.title-view .title-info .text p.collection .thumbnail {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.title-view .title-info .text p.collection .thumbnail img {
	border-radius: 10px;
	margin-right: 10px
}

.title-view .title-info .text p.collection .text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.title-view section.faq {
	margin: 40px 0
}

.title-view section.faq p a {
	position: relative;
	z-index: 0;
	font-style: normal;
	color: #00f3a2
}

.title-view section.faq p a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 2px;
	background: rgba(0, 243, 162, .33);
	pointer-events: none;
	z-index: -1;
	-webkit-transition: height .15s, background-color .15s;
	transition: height .15s, background-color .15s
}

.title-view section.faq p a:hover:not(:disabled):before {
	height: calc(100% - 1px);
	background: rgba(0, 243, 162, .5)
}

.title-view section.faq .faq-items {
	margin-top: 10px;
	margin-left: -12px
}

.title-view section.faq header {
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .8);
	margin-top: 5px;
	padding: 4px 12px 4px 35px;
	position: relative;
	display: inline-block;
	-webkit-transition: color .15s, background-color .15s;
	transition: color .15s, background-color .15s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.title-view section.faq header,
.title-view section.faq header * {
	cursor: pointer
}

.title-view section.faq header:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("images/views/title/faq-arrow-39180701d2.svg") center no-repeat;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
	position: absolute;
	left: 12px;
	top: 10px
}

.title-view section.faq header.expanded:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.title-view section.faq header.expanded+article {
	height: auto;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.title-view section.faq header.expanded+article+header {
	margin-top: 10px
}

.title-view section.faq header:hover:not(.expanded) {
	color: #fff;
	background: #11171d;
	border-radius: 5px
}

.title-view section.faq article {
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, .5);
	height: 0;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: opacity .15s, -webkit-transform .15s;
	transition: opacity .15s, -webkit-transform .15s;
	transition: opacity .15s, transform .15s;
	transition: opacity .15s, transform .15s, -webkit-transform .15s;
	overflow: hidden;
	padding-left: 35px
}

@media(max-width: 900px) {
	.title-view section.faq {
		margin: 20px 0
	}

	.title-view section.faq p br {
		display: none
	}
}

.title-view section.bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.title-view section.bottom .discussion {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.title-view section.bottom .discussion h3 {
	margin-bottom: 25px
}

.title-view section.bottom .discussion .loading-message {
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, .6)
}

.title-view section.bottom .discussion .post+.post {
	margin-top: 28px
}

.title-view section.bottom .discussion .post .meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 14px
}

.title-view section.bottom .discussion .post .meta .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 14px
}

.title-view section.bottom .discussion .post .meta .col {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.title-view section.bottom .discussion .post .meta .username {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #fff
}

.title-view section.bottom .discussion .post .meta .date {
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, .35)
}

.title-view section.bottom .discussion .post .content {
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, .6);
	margin-left: 54px
}

.title-view section.bottom .discussion .post .content hr {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
	margin: 0;
	padding: 0
}

.title-view section.bottom .discussion .post .content h1,
.title-view section.bottom .discussion .post .content h2,
.title-view section.bottom .discussion .post .content h3,
.title-view section.bottom .discussion .post .content h4,
.title-view section.bottom .discussion .post .content h5,
.title-view section.bottom .discussion .post .content h6 {
	color: #fff
}

.title-view section.bottom .discussion .post .content a {
	font-size: 14px;
	line-height: 22px;
	font-size: 15px;
	color: rgba(255, 255, 255, .6);
	text-decoration: none;
	border-bottom: 1px dashed rgba(255, 255, 255, .25)
}

.title-view section.bottom .discussion .post .content a:hover {
	border-bottom: 1px solid #fff
}

.title-view section.bottom .discussion .post .content p {
	font-size: 14px;
	line-height: 22px
}

.title-view section.bottom .discussion .post .content p+p {
	margin-top: 10px
}

.title-view section.bottom .discussion .post .content img.emoji {
	width: 16px;
	height: 16px
}

.title-view section.bottom .discussion .post .content .avatar {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 9px;
	vertical-align: middle
}

.title-view section.bottom .discussion .post .content .quote * {
	color: rgba(255, 255, 255, .4)
}

.title-view section.bottom .discussion .more-link {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 34px
}

.title-view section.bottom .discussion .more-link,
.title-view section.bottom .discussion .more-link * {
	cursor: pointer
}

.title-view section.bottom .discussion .more-link svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.title-view section.bottom .discussion .more-link:disabled {
	opacity: .4;
	cursor: not-allowed
}

.title-view section.bottom .discussion .more-link>*+* {
	margin-left: 9px
}

.title-view section.bottom .discussion .more-link i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.title-view section.bottom .discussion .more-link:hover:not(:disabled) {
	background-color: #13cfff
}

.title-view section.bottom .x-featured-titles {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 377px;
	flex: 0 0 377px;
	margin-left: 40px
}

@media(max-width: 900px) {
	.title-view section.bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.title-view section.bottom .discussion h3 {
		margin-bottom: 15px
	}

	.title-view section.bottom .discussion .loading-message {
		font-size: 14px;
		line-height: 22px
	}

	.title-view section.bottom .discussion .post+.post {
		margin-top: 23px
	}

	.title-view section.bottom .discussion .post .meta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 14px
	}

	.title-view section.bottom .discussion .post .meta .avatar {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		margin-right: 12px
	}

	.title-view section.bottom .discussion .post .meta .col {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.title-view section.bottom .discussion .post .meta .username {
		font-size: 14px;
		line-height: 22px
	}

	.title-view section.bottom .discussion .post .meta .date {
		font-size: 11px;
		margin-left: 10px
	}

	.title-view section.bottom .discussion .post .content {
		margin-left: 34px
	}

	.title-view section.bottom .discussion .more-link {
		font-size: 18px;
		line-height: 30px;
		font-weight: 600;
		height: 38px;
		padding: 0 18px;
		margin-top: 30px
	}

	.title-view section.bottom .x-featured-titles {
		display: none
	}
}

body {
	background: #11171d
}

body.no-scroll,
body.modal-open {
	overflow: hidden
}

.app-layout .app-top {
	min-height: calc(100vh - 285px)
}

.app-layout .app-header {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0
}

.app-layout .app-header .app-header-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1270px;
	margin: 0 auto;
	padding: 0 30px;
	height: 80px
}

@media(max-width: 480px) {
	.app-layout .app-header .app-header-inner {
		padding: 0 22px
	}
}

.app-layout .app-header .logo {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.app-layout .app-header .logo img {
	width: 57px;
	height: 35px
}

.app-layout .app-header .logo span {
	color: #fff;
	font-weight: 600;
	font-size: 26.6438px;
	line-height: 32px;
	margin-left: 9px
}

.app-layout .app-header .mobile-menu-button-wrapper {
	display: none
}

.app-layout .app-header .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.app-layout .app-header .menu ul {
	list-style: none;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 29px;
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s
}

.app-layout .app-header .menu li+li {
	margin-left: 58px
}

.app-layout .app-header .menu li.current a {
	color: rgba(255, 255, 255, .45)
}

.app-layout .app-header .menu li a {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, .6);
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: color .15s;
	transition: color .15s
}

.app-layout .app-header .menu li a:hover {
	color: #fff
}

.app-layout .app-header .menu li a img {
	width: 20px;
	height: 20px;
	margin-right: 9px;
	border-radius: 50%;
	overflow: hidden
}

.app-layout .app-header .download {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	border-color: #acff35;
	background: rgba(0, 0, 0, 0);
	color: #fff
}

.app-layout .app-header .download,
.app-layout .app-header .download * {
	cursor: pointer
}

.app-layout .app-header .download svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.app-layout .app-header .download:disabled {
	opacity: .4;
	cursor: not-allowed
}

.app-layout .app-header .download>*+* {
	margin-left: 9px
}

.app-layout .app-header .download i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.app-layout .app-header .download:hover:not(:disabled) {
	background-color: #acff35
}

.app-layout .app-header .download:hover:not(:disabled) {
	color: #1a2837
}

.app-layout .app-header .download:not(.outline) {
	background: #acff35;
	color: #1a2837
}

.app-layout .app-header .download:not(.outline) svg * {
	fill: #1a2837
}

.app-layout .app-header .download:not(.outline)::not(:disabled) {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-box-shadow: 0 0 15px rgba(172, 255, 53, .1);
	box-shadow: 0 0 15px rgba(172, 255, 53, .1)
}

@media(max-width: 1000px) {
	.app-layout .app-header {
		padding: 0
	}

	.app-layout .app-header .app-header-inner {
		height: 70px
	}

	.app-layout .app-header:before {
		content: "";
		display: block;
		z-index: -1;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		background: rgba(0, 0, 0, .9);
		-webkit-transition: opacity .15s;
		transition: opacity .15s;
		pointer-events: none
	}

	@supports((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))) {
		.app-layout .app-header:before {
			background: rgba(0, 0, 0, .5);
			-webkit-backdrop-filter: blur(25px);
			backdrop-filter: blur(25px)
		}
	}

	.app-layout .app-header .mobile-menu-button-wrapper {
		display: block
	}

	.app-layout .app-header .mobile-menu-button-wrapper .mobile-menu-button {
		height: 68px
	}

	.app-layout .app-header .mobile-menu-button-wrapper .mobile-menu-button.close {
		display: none
	}

	.app-layout .app-header .mobile-menu-button-wrapper.close .mobile-menu-button.open {
		display: none
	}

	.app-layout .app-header .mobile-menu-button-wrapper.close .mobile-menu-button.close {
		display: block
	}

	.app-layout .app-header .mobile-menu-button {
		width: 76px;
		height: 90px;
		border: 0;
		outline: none;
		padding: 0;
		position: absolute;
		background: rgba(0,0,0,0);
		top: 0;
		right: 0;
		z-index: 1
	}

	.app-layout .app-header .logo {
		position: absolute;
		top: 22px;
		left: 30px
	}

	.app-layout .app-header .logo img {
		width: 40px;
		height: 25px
	}

	.app-layout .app-header .logo span {
		font-size: 19px;
		line-height: 23px;
		margin-left: 6.5px
	}
}

@media(max-width: 1000px)and (max-width: 480px) {
	.app-layout .app-header .logo {
		left: 22px
	}
}

@media(max-width: 1000px) {
	.app-layout .app-header .menu {
		margin: 120px 20px 20px 20px;
		display: block;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity .15s, visibility 0s .15s;
		transition: opacity .15s, visibility 0s .15s;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		z-index: 0
	}

	.app-layout .app-header .menu ul {
		display: block;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		background: rgba(0, 0, 0, 0);
		-webkit-backdrop-filter: none;
		backdrop-filter: none
	}

	.app-layout .app-header .menu ul li {
		display: block;
		margin: 0 0 25px 0
	}

	.app-layout .app-header .menu ul li a {
		font-size: 35px;
		line-height: 40px;
		margin: 0;
		font-weight: 700;
		color: #fff
	}

	.app-layout .app-header .menu ul li a img {
		display: none
	}
}

@media(max-width: 1000px) {
	.app-layout .app-header .download {
		display: none
	}
}

.app-layout .app-content-container {
	position: relative;
	z-index: 0
}

@media(max-width: 1000px) {
	body.show-mobile-menu {
		overflow: hidden
	}

	body.show-mobile-menu .app-layout .app-header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh
	}

	body.show-mobile-menu .app-layout .app-header:before {
		opacity: 1;
		pointer-events: all
	}

	body.show-mobile-menu .app-layout .app-header .menu {
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}

	body.show-mobile-menu .app-layout .app-header .mobile-menu-close-button {
		display: block
	}

	body.show-mobile-menu .app-layout .app-header .mobile-menu-open-button {
		display: none
	}
}

body.scrolled:not(.show-mobile-menu) .app-header {
	background: rgba(17, 23, 29, .9)
}

@supports((-webkit-backdrop-filter: blur(35px)) or (backdrop-filter: blur(35px))) {
	body.scrolled:not(.show-mobile-menu) .app-header {
		background: rgba(17, 23, 29, .5);
		-webkit-backdrop-filter: blur(35px);
		backdrop-filter: blur(35px)
	}
}

@media(max-width: 900px) {
	body.scrolled:not(.show-mobile-menu) .app-header {
		padding-bottom: 0
	}
}

.app-footer .app-footer-wrapper {
	text-align: center;
	padding: 85px 30px 100px 30px
}

.app-footer .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -24px 0 0
}

.app-footer .links a {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	white-space: nowrap;
	color: rgba(255, 255, 255, .45);
	-webkit-transition: color .15s;
	transition: color .15s;
	margin: 24px 29px 0 29px
}

.app-footer .links a:hover,
.app-footer .links a.current {
	color: #fff
}

.app-footer .links+.social {
	margin-top: 58px
}

@media(max-width: 700px) {
	.app-footer .links {
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
		margin-left: auto;
		margin-right: auto
	}

	.app-footer .links a {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		margin: 24px 0 0 0 !important;
		padding: 0 10px
	}
}

@media(max-width: 375px) {
	.app-footer .links a {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

.app-footer .social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.app-footer .social a {
	display: inline-block
}

.app-footer .social a+a {
	margin-left: 60px
}

.app-footer .social a:hover svg * {
	fill: #13cfff
}

.app-footer .social a svg * {
	fill: rgba(19, 207, 255, .5);
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.app-footer .flags {
	margin-top: 58px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.app-footer .flags a {
	display: inline-block;
	border-radius: 3px;
	overflow: hidden
}

.app-footer .flags a+a {
	margin-left: 32px
}

.app-footer .flags a img {
	width: 24px;
	float: left
}

.app-footer .flags a:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1)
}

.app-footer .cookie-policy {
	position: fixed;
	bottom: 14px;
	right: 14px;
	width: calc(100% - 28px);
	max-width: 640px;
	padding: 6px 12px;
	background: linear-gradient(249.39deg, rgba(255, 255, 255, 0.15) 0%, rgba(19, 207, 255, 0.06) 70.59%);
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px
}

@supports((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))) {
	.app-footer .cookie-policy {
		-webkit-backdrop-filter: blur(35px);
		backdrop-filter: blur(35px)
	}
}

.app-footer .cookie-policy.show {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.app-footer .cookie-policy .message {
	max-width: 700px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.app-footer .cookie-policy .message,
.app-footer .cookie-policy .message a {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	color: rgba(255, 255, 255, .7)
}

.app-footer .cookie-policy .message a {
	text-decoration: none;
	color: #13cfff;
	-webkit-transition: color .15s;
	transition: color .15s
}

.app-footer .cookie-policy .message a:hover {
	color: #fff
}

.app-footer .cookie-policy .close-button {
	font-size: 20px;
	line-height: 34px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	background: rgba(0, 0, 0, 0);
	border-radius: 99px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
	position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
	padding: 0 20px;
	text-align: center;
	-webkit-transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, -webkit-filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s;
	transition: background-color .15s, color .15s, border-color .15s, filter .15s, -webkit-filter .15s;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	height: 38px;
	padding: 0 18px;
	border-color: #13cfff;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-left: 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.app-footer .cookie-policy .close-button,
.app-footer .cookie-policy .close-button * {
	cursor: pointer
}

.app-footer .cookie-policy .close-button svg * {
	fill: #fff;
	-webkit-transition: fill .15s;
	transition: fill .15s
}

.app-footer .cookie-policy .close-button:disabled {
	opacity: .4;
	cursor: not-allowed
}

.app-footer .cookie-policy .close-button>*+* {
	margin-left: 9px
}

.app-footer .cookie-policy .close-button i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.app-footer .cookie-policy .close-button:hover:not(:disabled) {
	background-color: #13cfff
}

@media(max-width: 480px) {
	.app-footer .cookie-policy {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.app-footer .cookie-policy .message {
		margin-bottom: 12px
	}

	.app-footer .cookie-policy .close-button {
		margin-left: 0
	}
}

@media(max-width: 550px) {
	.app-footer .app-footer-wrapper {
		padding-bottom: 60px
	}

	.app-footer .links a+a {
		margin-left: 34px
	}
}

@media(max-width: 480px) {
	.app-footer .app-footer-wrapper {
		padding-left: 22px;
		padding-right: 22px
	}
}

@media(max-width: 380px) {
	.app-footer .links a+a {
		margin-left: 20px
	}
}

.placeholder {
	display: none;
	pointer-events: none
}

.show-placeholder~.placeholder {
	display: block
}

input:focus~.placeholder {
	display: none
}

.section-wrapper {
	max-width: 1270px;
	margin: 0 auto;
	padding: 0 30px
}

@media(max-width: 480px) {
	.section-wrapper {
		padding: 0 22px
	}
}

.internal-link-target {
	position: relative;
	top: -100px
}

/*---------------------------------*/

.modal-dodal {
   height: 100%;
   width: 100%;
   border-bottom: 2px solid #2d2d2d;
}

.modal-folders img {
   width: 80px;
   transition: 0.3;
}

.modal-folders ul {
   display: flex;
   flex-wrap: wrap;
   gap: 25px;
	padding: 0;
   align-content: space-around;
   min-width: 100%;
   min-height: 100%;
   margin: 0 auto;
}

.modal-folders a {
	color: #fff;
   transition: 0.3s;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   padding: 5px;
}

.modal-folders span{
   width: 100px;
   word-wrap: break-word;
   line-height: 1;
   padding: 3px;
}

.modal-folders li {
	cursor: pointer
}

.modal-folders li:hover {
	background-color: rgba(19, 207, 255, .33);
	border-radius: 10px;
}

.modal-title {
	font-size: 24px;
	font-weight: 500;
}

.overlay {
   opacity: 0;
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   z-index: 20;
   transition: .3s all;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px)
}

.modal {
   opacity: 0;
   visibility: hidden;
   width: 100%;
   max-width: 500px;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 100;
   box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, .2); 
   padding: 50px;
   border-radius: 3px;
   transition: 0.3s all;
	background: -webkit-gradient(linear, left top, left bottom, from(#1a2837), to(#00000000));
	background: linear-gradient(180deg, #1a2837 0%, #00000000 100%);
	color: #fff;
}

.modal img {
	width: 20px;
}

.modal-logo {
	position: absolute;
   top: 20px;
   left: 20px;
	display: flex;
	align-items: center;
}
.modal-logo span {
	padding-left:5px
}

.modal-body {
	margin: auto
}
.modal-body .download{
	left: 0;
}

.modal.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
}

.modal__cross {
   width: 15px;
   height: 15px;
   position: absolute;
   top: 20px;
   right: 20px;
   fill: #fff;
	cursor: pointer;
	transition: .3s;
}

.modal__cross path {
   cursor: pointer;
}

.modal__cross:hover {
	fill: #13cfff;
	transform: scale(1.2);
}

.screenshots {

}

@media (max-width: 1280px) {
   .modal {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-height: 500px;
      max-width: 360px;
   }

   .modal-folders ul {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-content: space-around;
      min-width: 100%;
      min-height: 100%;
      margin: 0 auto;
   }

   .modal-folders {
      font-family: 'SpaceMono-Regular';
      line-height: 1.5;
      max-width: max-content;
      min-height: fit-content;
   }

   .modal-folders a {
      color: white;
      transition: 0.3s;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 5px;
   }

	.view-homepage .section-top .top-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		padding: 20px 0;
		justify-content: center;
	}

	.before-download .message {
		margin: 0 auto;
		margin-right: 0;
	}
}

@media (max-width: 1226px) {
	.view-homepage .section-top .top-content {
		text-align: center;
	}

	.view-homepage .section-top .message {
		margin: 0 auto;
	}

	.modal-body .download{
	}
}

@media (max-width: 600px) {
	.modal {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-height: 500px;
      max-width: 300px;
		padding: 70px
   }

   .modal-folders ul {
		gap: 5px;
		padding-left: 22px
   }

   .modal-folders {
		min-height: fit-content;
   }

   .modal-folders a {

   }

	.modal-folders img {
		width: 50px;
	}
}